/* AIO-IPTV Studio tools 2026-07-24 */
.studio-hero{background:radial-gradient(circle at 88% 12%,rgba(255,147,35,.24),transparent 30%),radial-gradient(circle at 15% 90%,rgba(50,203,238,.15),transparent 32%),linear-gradient(145deg,#113949,#061923)}
.studio-hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.studio-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.studio-grid.compact-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.studio-card{display:grid;grid-template-columns:58px 1fr;gap:14px;align-items:start;border:1px solid #315f72;border-radius:16px;padding:18px;background:linear-gradient(145deg,rgba(18,58,73,.94),rgba(6,24,33,.96));transition:.2s ease}.studio-card:hover{transform:translateY(-3px);border-color:#6fdcf7;box-shadow:0 18px 45px rgba(0,0,0,.25)}.studio-card.accent{border-color:#a66e23;background:radial-gradient(circle at 92% 10%,rgba(255,153,36,.18),transparent 34%),linear-gradient(145deg,rgba(63,44,19,.94),rgba(6,24,33,.96))}.studio-card>span{display:grid;width:56px;height:56px;place-items:center;border-radius:14px;background:#0d3e50;font-size:1.65rem}.studio-card strong{display:block;margin-bottom:5px;font-size:1.08rem}.studio-card p{margin:0;color:#bad0d8}.studio-card small{display:block;margin-top:9px;color:#86cfe0;font-weight:800}
.publisher-layout{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(320px,.7fr);gap:18px}.publisher-summary{min-height:110px!important}.publisher-command{min-height:115px!important}.publisher-options{display:grid;gap:8px}.publisher-preview-panel{position:sticky;top:18px;align-self:start}.publisher-preview{min-height:300px}.publisher-card-preview{overflow:hidden;border:1px solid #3f7184;border-radius:17px;background:linear-gradient(145deg,#123b4b,#071b25)}.publisher-card-preview img{width:100%;height:190px;object-fit:cover;background:#071923}.publisher-card-preview>div{padding:17px}.publisher-card-preview h2{margin:7px 0}.publisher-card-preview p{color:#bfd3da}.publisher-preview-badges{display:flex;gap:7px;flex-wrap:wrap}.publisher-preview-badges span{border:1px solid #3e6d80;border-radius:999px;padding:5px 8px;color:#a9eafa;background:#0a2c3a;font-size:.66rem;font-weight:900}.publisher-checklist{display:grid;gap:7px;margin-top:16px;border-top:1px solid #2b5364;padding-top:14px}.publisher-checklist span{color:#a9c4ce}.steps-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.steps-grid article{border:1px solid #315d70;border-radius:14px;padding:15px;background:#0a2936}.steps-grid article>strong{display:grid;width:38px;height:38px;place-items:center;border-radius:11px;color:#071923;background:#7de2f8}.steps-grid h3{margin:11px 0 5px}.steps-grid p{margin:0;color:#b9ced6}
.remote-lab{display:grid;grid-template-columns:minmax(360px,.8fr) minmax(340px,1.2fr);gap:18px}.remote-toolbar{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:15px}.remote-toolbar label{display:grid;gap:6px;color:#bcd1d9;font-size:.75rem;font-weight:850}.remote-toolbar select{border:1px solid #356579;border-radius:9px;padding:9px;color:#eefafd;background:#061923}.remote-shell{width:min(360px,100%);margin:auto;border:1px solid #52606a;border-radius:44px;padding:22px 26px 29px;background:linear-gradient(145deg,#343a3e,#111518 55%,#252b2e);box-shadow:inset 0 2px 2px rgba(255,255,255,.14),inset 0 -8px 18px rgba(0,0,0,.35),0 30px 60px rgba(0,0,0,.45)}.remote-top-row,.remote-pair,.remote-triple,.remote-colors{display:grid;gap:10px;margin-bottom:12px}.remote-top-row,.remote-pair{grid-template-columns:1fr 1fr}.remote-triple{grid-template-columns:repeat(3,1fr)}.remote-number-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-bottom:13px}.remote-key{min-height:38px;border:1px solid #080a0b;border-radius:13px;color:#f5f7f8;background:linear-gradient(#313639,#171a1c);box-shadow:inset 0 1px 1px rgba(255,255,255,.18),0 3px 0 #080a0b;cursor:pointer;font:inherit;font-size:.76rem;font-weight:900;transition:.12s ease}.remote-key:hover,.remote-key:focus-visible,.remote-key.is-active{outline:none;border-color:#fca134;box-shadow:inset 0 1px 1px rgba(255,255,255,.18),0 3px 0 #080a0b,0 0 0 3px rgba(255,153,35,.22),0 0 20px rgba(255,153,35,.25);transform:translateY(-1px)}.remote-key.power{color:#fff;background:linear-gradient(#ef4c40,#a21f19)}.remote-key.rec{color:#ff3737}.remote-key.compact{font-size:.58rem}.remote-dpad{position:relative;width:210px;height:190px;margin:8px auto 15px}.remote-dpad .remote-key{position:absolute;width:68px;height:58px;border-radius:18px}.remote-dpad .up{left:71px;top:0}.remote-dpad .left{left:5px;top:64px}.remote-dpad .ok{left:71px;top:64px;width:68px;height:62px;border-radius:50%;font-size:1rem}.remote-dpad .right{right:5px;top:64px}.remote-dpad .down{left:71px;bottom:0}.remote-colors{grid-template-columns:repeat(4,1fr)}.remote-colors .remote-key{min-height:27px}.remote-key.red{background:#dc3029}.remote-key.green{background:#34a73d}.remote-key.yellow{background:#d3a621}.remote-key.blue{background:#176dca}.remote-info-panel{position:sticky;top:18px;align-self:start}.remote-info-icon{display:grid;width:72px;height:72px;place-items:center;border:1px solid #ff9d32;border-radius:20px;color:#ffd194;background:#362514;font-size:1.2rem;font-weight:950}.remote-info-panel h2{margin:14px 0 8px}.remote-info-panel p{color:#bfd3da}.remote-detail-grid{display:grid;gap:10px;margin-top:16px}.remote-detail-grid>div{border:1px solid #315d70;border-radius:12px;padding:12px;background:#092633}.remote-detail-grid span{display:block;margin-bottom:5px;color:#82cfe1;font-size:.66rem;font-weight:950;text-transform:uppercase}.remote-reference{display:grid;grid-template-columns:90px 1fr;gap:12px;align-items:center;margin-top:18px;border-top:1px solid #2f586a;padding-top:14px}.remote-reference img{width:90px;height:134px;border-radius:10px;object-fit:cover}.remote-reference span{color:#8faeb9;font-size:.75rem}.remote-tips{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.remote-tips article{border:1px solid #315d70;border-radius:13px;padding:14px;background:#092633}.remote-tips strong{color:#8ce5fa}.remote-tips p{margin:.4rem 0 0;color:#b9ced6}
.error-controls,.project-status-controls{display:grid;grid-template-columns:2fr 1fr 1fr;gap:12px}.error-controls label,.project-status-controls label{display:grid;gap:6px;color:#bcd1d9;font-size:.78rem;font-weight:850}.error-controls input,.error-controls select,.project-status-controls input,.project-status-controls select{border:1px solid #356579;border-radius:9px;padding:10px;color:#eefafd;background:#061923}.error-summary{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.error-summary span{border:1px solid #315d70;border-radius:999px;padding:6px 9px;color:#a9cad5;background:#092633;font-size:.7rem;font-weight:850}.error-database,.project-status-grid{display:grid;gap:13px;margin-top:18px}.error-card{scroll-margin-top:25px;border:1px solid #315d70;border-radius:16px;background:linear-gradient(145deg,#103442,#061923);overflow:hidden}.error-card.is-target{border-color:#ff9d32;box-shadow:0 0 0 3px rgba(255,157,50,.15),0 20px 60px rgba(0,0,0,.32)}.error-card summary{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:16px;cursor:pointer;list-style:none}.error-card summary::-webkit-details-marker{display:none}.error-code{border-radius:9px;padding:7px 9px;color:#aeefff;background:#0a2a37;font:700 .69rem ui-monospace,Consolas,monospace}.error-card summary h2{margin:0;font-size:1.05rem}.severity-pill,.project-state-pill{border-radius:999px;padding:5px 8px;font-size:.63rem;font-weight:950;text-transform:uppercase}.severity-critical{color:#ffb3b8;background:#56212a}.severity-high{color:#ffd09f;background:#583718}.severity-medium{color:#ffe18b;background:#534515}.error-content{padding:0 16px 18px}.error-patterns{display:flex;gap:6px;flex-wrap:wrap;margin:7px 0 14px}.error-patterns code{border:1px solid #315d70;border-radius:7px;padding:5px 7px;color:#9be8fa;background:#04151d;font-size:.7rem}.error-sections{display:grid;grid-template-columns:1fr 1fr;gap:12px}.error-section{border:1px solid #2d5668;border-radius:12px;padding:13px;background:#08232e}.error-section h3{margin:0 0 8px;font-size:.85rem}.error-section p,.error-section li{color:#bcd1d9}.error-section ol,.error-section ul{margin:.4rem 0;padding-left:20px}.error-commands{grid-column:1/-1}.error-command{display:flex;align-items:flex-start;justify-content:space-between;gap:9px;border:1px solid #315d70;border-radius:9px;padding:8px;background:#03131a}.error-command code{overflow-wrap:anywhere;color:#b8effb}.error-command button{flex:0 0 auto}.error-related{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.project-status-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.project-status-card{border:1px solid #315d70;border-radius:16px;padding:17px;background:linear-gradient(145deg,#103442,#061923)}.project-status-card header{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.project-status-card h2{margin:5px 0}.project-status-card>p{color:#bfd3da}.project-status-meta{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin:13px 0}.project-status-meta div{border:1px solid #2d5668;border-radius:9px;padding:9px;background:#08232e}.project-status-meta span{display:block;color:#83bdcc;font-size:.62rem;font-weight:900;text-transform:uppercase}.project-status-meta strong{display:block;margin-top:4px;font-size:.78rem}.project-status-card.status-active{border-color:#2f8d6b}.project-status-card.status-stable{border-color:#3f7ca4}.project-status-card.status-maintained{border-color:#8a7534}.project-status-card.status-paused,.project-status-card.status-archived{opacity:.82}.project-state-pill.status-active{color:#9bffd2;background:#174c39}.project-state-pill.status-stable{color:#b6e9ff;background:#17415a}.project-state-pill.status-maintained{color:#ffe29a;background:#504318}.project-state-pill.status-paused{color:#ffd0a7;background:#5a341a}.project-state-pill.status-archived{color:#d2d8dc;background:#3a4145}.legend-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.legend-grid article{border:1px solid #315d70;border-radius:12px;padding:13px;background:#08232e}.legend-grid p{margin:.4rem 0 0;color:#b9ced6}
.project-state-banner{display:grid;grid-template-columns:auto 1fr auto;gap:13px;align-items:center;margin-bottom:16px;border:1px solid #315d70;border-radius:14px;padding:12px 14px;background:linear-gradient(145deg,rgba(15,52,66,.97),rgba(5,22,30,.98));box-shadow:0 12px 35px rgba(0,0,0,.18)}.project-state-banner .project-state-dot{width:13px;height:13px;border-radius:50%;background:#7c929b}.project-state-banner.status-active .project-state-dot{background:#5ee1aa;box-shadow:0 0 16px rgba(94,225,170,.55)}.project-state-banner.status-stable .project-state-dot{background:#62c8f0}.project-state-banner.status-maintained .project-state-dot{background:#f0c553}.project-state-banner strong{display:block}.project-state-banner span{color:#a9c3cd;font-size:.75rem}.project-state-banner a{color:#8fe6fa;font-size:.75rem;font-weight:850}
@media(max-width:1050px){.publisher-layout,.remote-lab{grid-template-columns:1fr}.publisher-preview-panel,.remote-info-panel{position:static}.studio-grid.compact-grid{grid-template-columns:repeat(2,1fr)}.steps-grid,.legend-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.studio-grid,.studio-grid.compact-grid,.project-status-grid,.error-sections,.remote-tips{grid-template-columns:1fr}.steps-grid,.legend-grid{grid-template-columns:1fr}.error-controls,.project-status-controls,.remote-toolbar{grid-template-columns:1fr}.error-card summary{grid-template-columns:1fr}.project-state-banner{grid-template-columns:auto 1fr}.project-state-banner a{grid-column:2}.project-status-meta{grid-template-columns:1fr}.studio-card{grid-template-columns:48px 1fr}.studio-card>span{width:46px;height:46px}.remote-shell{padding-left:20px;padding-right:20px}}