:root{
  --bg:#071018;--panel:#0d1822;--panel2:#101f2c;--text:#f5f7fb;--muted:#91a2b3;
  --line:#213140;--accent:#32d296;--accent2:#6ce7bb;--warn:#f5b84b;--danger:#ff6b6b;
  --shadow:0 18px 60px rgba(0,0,0,.28);--radius:18px;
}
*{box-sizing:border-box}html{color-scheme:dark}body{margin:0;background:linear-gradient(180deg,#071018,#08131c 55%,#071018);color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;min-height:100vh}
button,input,select,textarea{font:inherit}button{cursor:pointer}.hidden{display:none!important}.muted{color:var(--muted)}
.gate{min-height:100vh;display:grid;place-items:center;padding:28px;background:radial-gradient(circle at 20% 20%,rgba(50,210,150,.11),transparent 30%),radial-gradient(circle at 80% 80%,rgba(50,210,150,.07),transparent 32%)}
.gate-card{width:min(430px,100%);background:rgba(13,24,34,.92);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:26px;padding:34px}.gate-card h1{margin:18px 0 4px;font-size:34px}.brand-mark{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(135deg,var(--accent),#1e9f77);color:#042017;font-weight:900;font-size:24px;box-shadow:0 12px 28px rgba(50,210,150,.2)}.brand-mark.small{width:34px;height:34px;border-radius:11px;font-size:16px}
label{display:block;font-size:12px;font-weight:800;letter-spacing:.02em;color:#c9d5df;margin:13px 0 7px}input,select,textarea{width:100%;border:1px solid var(--line);background:#09141d;color:var(--text);border-radius:12px;padding:12px 13px;outline:none}input:focus,select:focus,textarea:focus{border-color:#388b71;box-shadow:0 0 0 3px rgba(50,210,150,.08)}textarea{resize:vertical}.primary,.secondary,.nav,.button-link{border:0;border-radius:12px;padding:11px 15px;font-weight:800}.primary{background:var(--accent);color:#052219}.primary:hover{background:var(--accent2)}.secondary{background:#162635;color:var(--text);border:1px solid var(--line)}.full{width:100%;margin-top:18px}.status{min-height:20px;font-size:13px;margin:12px 0 0}.status.error{color:#ff9898}.status.ok{color:#81e9c3}
.app-shell{display:grid;grid-template-columns:230px minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;border-right:1px solid var(--line);background:rgba(7,16,24,.92);backdrop-filter:blur(12px);padding:22px 14px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:10px;font-weight:900;padding:0 8px 22px}.sidebar nav{display:grid;gap:7px}.nav{background:transparent;color:#9eb0c0;text-align:left}.nav:hover,.nav.active{background:#112332;color:#fff}.nav.bottom{margin-top:auto}.topbar{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:26px 32px;border-bottom:1px solid var(--line);position:sticky;top:0;background:rgba(7,16,24,.9);backdrop-filter:blur(14px);z-index:5}.topbar h2{margin:2px 0 0;font-size:28px}.eyebrow{margin:0;color:var(--accent);font-size:11px;letter-spacing:.15em;font-weight:900}.top-actions{display:flex;gap:8px;flex-wrap:wrap}.pill{border:1px solid var(--line);background:#0d1a24;color:#b9c7d3;border-radius:999px;padding:7px 10px;font-size:12px}.pill.good{color:#86e5c2;border-color:#235b49}
main{min-width:0}.view{display:none;padding:30px 32px 60px}.active-view{display:block}.hero-card,.panel,.stat,.project-card,.queue-card{background:linear-gradient(180deg,rgba(16,31,44,.96),rgba(11,23,33,.96));border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 12px 32px rgba(0,0,0,.12)}.hero-card{padding:28px;display:flex;align-items:end;justify-content:space-between;gap:24px}.hero-card h3{font-size:clamp(28px,4vw,46px);line-height:1.05;margin:10px 0 14px;max-width:850px}.hero-card p{max-width:780px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:16px 0}.stat{padding:18px 20px}.stat span{display:block;color:var(--muted);font-size:12px;font-weight:700}.stat strong{font-size:32px;margin-top:5px;display:block}.grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.panel{padding:22px}.panel h3,.panel h4{margin:0 0 12px}.check{padding:9px 0;border-bottom:1px solid rgba(255,255,255,.05);font-size:14px}.check.good{color:#8be7c4}.check.warn{color:#ffd27a}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 16px}.span2{grid-column:1/-1}.cards{display:grid;gap:14px;margin-top:16px}.project-card,.queue-card{padding:18px}.project-card .row,.queue-card .row{display:flex;align-items:center;justify-content:space-between;gap:12px}.project-card h4,.queue-card h4{margin:0 0 4px}.project-card a{color:var(--accent2);word-break:break-all}.thumbs{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.thumbs img{width:72px;height:72px;object-fit:cover;border-radius:10px;border:1px solid var(--line)}.mini-actions{display:flex;gap:8px;flex-wrap:wrap}.danger{background:#2a1115;color:#ffacac;border:1px solid #5f252c;border-radius:10px;padding:8px 10px}.studio-grid{display:grid;grid-template-columns:minmax(220px,320px) 1fr;gap:22px;align-items:start;margin-top:18px}#videoCanvas{width:100%;max-width:320px;aspect-ratio:9/16;border-radius:16px;border:1px solid var(--line);background:#050b10;box-shadow:0 16px 38px rgba(0,0,0,.28)}.studio-controls{display:grid;gap:10px;align-content:start;max-width:560px}.studio-controls video{width:min(100%,420px);border-radius:14px}.button-link{display:inline-block;text-decoration:none;background:#163326;color:#8fe6c5;text-align:center}.channels{display:flex;flex-wrap:wrap;gap:10px}.channels label{margin:0;background:#0a151f;border:1px solid var(--line);padding:9px 11px;border-radius:10px}.channels input{width:auto;margin-right:5px}.connector{display:flex;justify-content:space-between;gap:12px;padding:14px;border:1px solid var(--line);border-radius:12px;background:#09151e}.connector span{color:var(--muted)}
.small-note{font-size:12px;color:var(--muted);margin-top:8px}.link-btn{background:none;border:0;color:var(--accent2);padding:0;font-weight:700}.empty{border:1px dashed var(--line);padding:20px;border-radius:14px;color:var(--muted);text-align:center}
@media(max-width:820px){.app-shell{grid-template-columns:1fr}.sidebar{height:auto;position:sticky;top:0;z-index:10;border-right:0;border-bottom:1px solid var(--line);padding:10px 12px}.brand{padding:0 4px 8px}.sidebar nav{display:flex;overflow:auto}.nav{white-space:nowrap}.nav.bottom{display:none}.topbar{top:86px;padding:18px}.view{padding:20px 16px 50px}.hero-card{align-items:start;flex-direction:column}.stats,.grid2,.form-grid,.studio-grid{grid-template-columns:1fr}.span2{grid-column:auto}.top-actions{display:none}}
@media(max-width:500px){.gate-card{padding:24px}.topbar h2{font-size:23px}.hero-card h3{font-size:31px}.stats{grid-template-columns:1fr 1fr}.stats .stat:last-child{grid-column:1/-1}}
.image-upload-btn{display:inline-flex;align-items:center;cursor:pointer;font:inherit}.visual-ready-note{margin-top:12px;padding:10px 12px;border:1px dashed rgba(50,210,150,.35);border-radius:10px;color:#8be7c4;background:rgba(50,210,150,.05);font-size:13px}
.project-videos{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-top:14px}.project-videos video{width:100%;max-height:260px;border-radius:14px;background:#050b11;border:1px solid rgba(148,163,184,.18)}.small{font-size:.85rem;margin-top:6px}