@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;700&display=swap";:root{--bg: #0b1120;--surface: #111827;--surface-soft: #1f2937;--ink: #e5e7eb;--ink-soft: #94a3b8;--accent: #14b8a6;--accent-strong: #0d9488;--danger: #f87171;--ok: #4ade80;--warning: #fbbf24;--border: #1f2937;--input-bg: #0f172a}*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:Space Grotesk,sans-serif;color:var(--ink);background:radial-gradient(circle at 10% 10%,#0e2a26 0%,var(--bg) 40%),radial-gradient(circle at 90% 20%,#10233f 0%,var(--bg) 35%),var(--bg)}button,input,textarea,select{font:inherit}.app-shell{display:grid;grid-template-columns:280px 1fr;min-height:100vh}.login-shell{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}.login-card{width:100%;max-width:360px}.login-card input{border:1px solid var(--border);border-radius:8px;padding:10px;background:var(--input-bg);color:var(--ink)}.sidebar{padding:24px;background:linear-gradient(170deg,#050a16,#111827);color:#fff;display:flex;flex-direction:column;gap:28px;border-right:1px solid var(--border)}.sidebar h1{margin:0;font-size:30px}.sidebar p{margin:4px 0 0;color:#94a3b8}nav{display:flex;flex-direction:column;gap:10px}.nav-btn{text-align:left;border:0;padding:12px 14px;border-radius:10px;color:#cbd5e1;background:transparent;cursor:pointer;transition:all .2s}.nav-btn:hover{background:#ffffff14}.nav-btn.active{background:#14b8a642;color:#f8fafc}.channels-block{border-top:1px solid rgba(255,255,255,.08);padding-top:16px;display:flex;flex-direction:column;gap:8px}.channels-head{display:flex;align-items:center;justify-content:space-between;color:#94a3b8;font-size:12px;letter-spacing:.08em}.channel-add{border:0;background:#ffffff14;color:#e5e7eb;border-radius:8px;width:26px;height:26px;cursor:pointer;font-size:16px;line-height:1}.channels-empty{margin:0;color:#64748b;font-size:13px}.channel-btn{display:flex;align-items:center;gap:10px}.channel-avatar{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:8px;background:#14b8a642;color:#f8fafc;font-size:13px;flex-shrink:0}.channel-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.channel-yt{color:#f87171;font-size:11px}.main-content{padding:22px;display:flex;flex-direction:column;gap:18px}.topbar{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:14px 18px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 8px 30px #00000073}.topbar h2{font-size:20px;margin:0}.topbar button,.actions-row button,.panel button{border:0;background:var(--surface-soft);color:var(--ink);border-radius:10px;padding:10px 14px;cursor:pointer}.panel .primary{background:var(--accent);color:#052e2b}.panel .primary:hover{background:var(--accent-strong)}.error-box{background:#f871711f;color:#fca5a5;border:1px solid rgba(248,113,113,.3);padding:10px 14px;border-radius:10px}.clip-list{gap:18px}.clip-preview{position:relative;display:inline-block}.clip-preview-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#0b112080;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:#fff;font-weight:700;font-size:20px;letter-spacing:1px;border-radius:12px}.clip-card{background:var(--surface-soft);border:1px solid rgba(255,255,255,.12);border-left:3px solid var(--accent);border-radius:14px;padding:16px 18px;box-shadow:0 6px 20px #00000059;display:flex;flex-direction:column;gap:10px}.seo-box{display:flex;flex-direction:column;gap:10px;margin-top:10px;padding:12px;border:1px solid var(--border);border-radius:10px;background:var(--input-bg)}.seo-field{display:flex;flex-direction:column;gap:4px}.frame-choices{display:flex;gap:10px;flex-wrap:wrap}.clip-media-row{display:flex;gap:14px;align-items:flex-start;flex-wrap:wrap}.blur-panel{flex:1;min-width:260px;padding:12px;border:1px solid var(--border);border-radius:10px;background:var(--input-bg)}.person-grid{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.person-thumb{position:relative;padding:0;border:2px solid var(--border);border-radius:8px;background:var(--surface-soft);cursor:pointer;overflow:hidden;width:84px;height:84px}.person-thumb img{width:100%;height:100%;object-fit:cover;display:block}.person-thumb .person-noimg{display:flex;width:100%;height:100%;align-items:center;justify-content:center;color:var(--ink-soft)}.person-thumb .person-tag{position:absolute;top:2px;left:2px;padding:0 4px;border-radius:5px;font-size:12px;background:#0009;color:#fff}.person-thumb.selected{border-color:#ef4444;box-shadow:0 0 0 2px #ef4444}.person-thumb.selected .person-tag{background:#ef4444}.person-thumb.focused{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f6}.focus-plan{margin-top:8px;padding-top:8px;border-top:1px dashed var(--border)}.focus-seg{display:flex;align-items:center;gap:8px;margin-top:6px}.focus-seg-time{min-width:62px;font-size:12px;color:var(--ink-soft)}.focus-seg-choices{display:flex;gap:6px;flex-wrap:wrap}.fs-p{position:relative;width:58px;height:58px;padding:0;border:2px solid var(--border);border-radius:6px;overflow:hidden;cursor:pointer;background:var(--surface-soft);color:var(--ink);font-size:11px}.fs-pick{width:100%;height:100%;padding:0;border:0;background:transparent;color:inherit;cursor:pointer;display:block}.fs-p img{width:100%;height:100%;object-fit:cover;display:block}.fs-blur{position:absolute;top:1px;right:1px;width:18px;height:18px;padding:0;border:0;border-radius:5px;font-size:11px;line-height:18px;text-align:center;cursor:pointer;background:#0000008c;color:#fff}.fs-p.blur{border-color:#ef4444;box-shadow:0 0 0 2px #ef4444}.fs-p.blur .fs-blur{background:#ef4444}.fs-p.ctr{width:auto;height:58px;padding:0 8px}.fs-p.sel{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f6}.fs-p.sel.blur{box-shadow:0 0 0 2px #3b82f6,0 0 0 4px #ef4444}.fs-p .fs-auto{position:absolute;bottom:0;left:0;right:0;font-size:9px;background:#0009;color:#fff}.lightbox-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#000c;display:flex;align-items:center;justify-content:center;padding:24px}.lightbox{position:relative;display:grid;grid-template-columns:auto 1fr auto;grid-template-rows:1fr auto;align-items:center;gap:8px;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:14px;max-width:min(92vw,560px)}.lb-stage{grid-row:1;grid-column:2;display:flex;align-items:center;justify-content:center}.lb-stage img{max-width:100%;max-height:62vh;border-radius:8px;object-fit:contain;image-rendering:auto}.lb-noimg{color:var(--ink-soft);text-align:center;padding:60px 40px}.lb-nav{grid-row:1;width:44px;height:44px;border-radius:50%;border:1px solid var(--border);background:var(--surface-soft);color:var(--ink);font-size:26px;line-height:1;cursor:pointer}.lb-prev{grid-column:1}.lb-next{grid-column:3}.lb-close{position:absolute;top:6px;right:6px;width:30px;height:30px;border-radius:50%;border:0;background:#00000080;color:#fff;cursor:pointer;font-size:15px}.lb-bar{grid-row:2;grid-column:1 / -1;display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:6px}.lb-count{color:var(--ink-soft);font-size:13px}.lb-blur{padding:9px 16px;border-radius:8px;border:1px solid var(--border);background:var(--surface-soft);color:var(--ink);cursor:pointer;font-weight:600}.lb-blur.on{background:#ef4444;border-color:#ef4444;color:#fff}.manual-editor{position:relative;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:14px;max-width:min(94vw,760px);display:flex;flex-direction:column;gap:10px}.me-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;font-size:13px;color:var(--ink-soft)}.me-stage{position:relative;touch-action:none;cursor:crosshair;-webkit-user-select:none;user-select:none;line-height:0;align-self:center;max-width:100%}.me-stage img{max-width:100%;max-height:66vh;border-radius:8px;display:block;pointer-events:none}.me-rect{position:absolute;border:2px solid #ef4444;background:#ef444447;pointer-events:none}.me-rect.drawing{border-style:dashed}.me-rect-del{position:absolute;top:-10px;right:-10px;width:20px;height:20px;border-radius:50%;border:0;background:#ef4444;color:#fff;font-size:11px;line-height:20px;padding:0;cursor:pointer;pointer-events:auto}.me-bar{display:flex;align-items:center;justify-content:space-between;gap:12px}.coverage{border:1px solid var(--border);border-radius:10px;padding:12px 14px;background:var(--input-bg)}.cov-grid{display:flex;flex-wrap:wrap;gap:3px;margin:10px 0 8px}.cov-cell{width:12px;height:12px;border-radius:3px;background:#1b2433;cursor:pointer;flex:0 0 auto}.cov-cell.l0{background:#1b2433}.cov-cell.l1{background:#0e4429}.cov-cell.l2{background:#006d32}.cov-cell.l3{background:#26a641}.cov-cell.l4{background:#39d353}.cov-legend{display:flex;align-items:center;gap:4px;font-size:12px;color:var(--ink-soft)}.cov-legend .cov-cell{cursor:default}.goto-submitted{border:1px solid var(--accent);background:#14b8a624;color:var(--ink);border-radius:8px;padding:7px 12px;cursor:pointer;white-space:nowrap;font-weight:600}.goto-submitted:hover{background:#14b8a642}.clip-card.flash{animation:clip-flash 1.6s ease-out}@keyframes clip-flash{0%,30%{box-shadow:0 0 0 3px var(--accent);border-left-color:var(--accent)}to{box-shadow:0 6px 20px #00000059}}.fp-line{position:absolute;top:0;bottom:0;width:2px;background:#14b8a6;transform:translate(-50%);pointer-events:none;box-shadow:0 0 6px #14b8a6e6}.fp-band{position:absolute;top:0;bottom:0;width:40%;transform:translate(-50%);background:#14b8a62e;border-left:1px dashed rgba(20,184,166,.6);border-right:1px dashed rgba(20,184,166,.6);pointer-events:none}.person-actions{position:absolute;bottom:2px;left:2px;right:2px;display:flex;gap:3px;justify-content:center}.person-actions .pa{flex:1;border:0;border-radius:5px;padding:2px 0;font-size:13px;cursor:pointer;background:#0000008c;filter:grayscale(.6) opacity(.7)}.person-actions .pa.on{background:#ef4444;filter:none}.person-actions .pa.foc.on{background:#3b82f6}.frame-choice{display:flex;flex-direction:column;align-items:center;gap:4px;padding:4px;border:2px solid var(--border);border-radius:8px;background:var(--input-bg);cursor:pointer;color:var(--text);font-size:12px}.frame-choice img{width:90px;height:160px;object-fit:cover;border-radius:5px;display:block}.frame-choice.selected{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent)}.seo-head{display:flex;align-items:center;justify-content:space-between;font-size:13px;color:var(--ink-soft)}.seo-field input,.seo-field textarea{border:1px solid var(--border);border-radius:8px;padding:8px;background:var(--surface);color:var(--ink);width:100%;resize:vertical}.subtabs{display:flex;gap:6px;border-bottom:1px solid var(--border);margin-bottom:6px}.subtab{border:0;background:transparent;color:var(--ink-soft);padding:10px 14px;cursor:pointer;border-bottom:2px solid transparent;border-radius:8px 8px 0 0}.subtab.active{color:var(--ink);border-bottom-color:var(--accent);background:#14b8a61a}.grid-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.card,.panel{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:16px;box-shadow:0 8px 30px #00000073}.card h3,.panel h3{margin-top:0}.card strong{font-size:28px}.card-detail{margin:8px 0 0;color:var(--ink-soft);font-size:13px;overflow-wrap:anywhere}.panel{display:flex;flex-direction:column;gap:10px}.description,.help{margin:0;color:var(--ink-soft)}.panel textarea,.panel select,.panel input{border:1px solid var(--border);border-radius:8px;padding:10px;background:var(--input-bg);color:var(--ink)}.panel textarea::placeholder,.panel input::placeholder{color:#64748b}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.field{display:flex;flex-direction:column;gap:6px}.field span{font-size:14px;color:var(--ink-soft)}.span-2{grid-column:span 2}.jobs-layout{display:grid;grid-template-columns:360px 1fr;gap:12px}.files-layout{display:grid;grid-template-columns:420px 1fr;gap:12px}.jobs-list{display:flex;flex-direction:column;gap:8px;max-height:55vh;overflow:auto}.job-item{display:flex;align-items:center;justify-content:space-between;border:1px solid var(--border);border-radius:10px;padding:10px;background:var(--surface-soft);cursor:pointer}.job-item.selected{border-color:var(--accent);background:#14b8a61f}.status{font-size:12px;padding:4px 8px;border-radius:20px;text-transform:uppercase}.status.running{background:#fbbf2429;color:var(--warning)}.status.failed{background:#f8717129;color:var(--danger)}.status.completed{background:#4ade8029;color:var(--ok)}.status.queued{background:#1f2937;color:#94a3b8}pre{background:#05080f;color:#cbd5e1;border:1px solid var(--border);border-radius:10px;padding:14px;margin:0;min-height:55vh;overflow:auto}.actions-row{display:flex;gap:8px}.files-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.link-btn{border:0;background:transparent;color:var(--ink);cursor:pointer;padding:4px;text-align:left}.file-active{border-radius:10px;background:#14b8a61f}.viewer-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.panel-link{display:inline-flex;align-items:center;border-radius:10px;padding:10px 14px;background:var(--surface-soft);color:var(--ink);text-decoration:none}.panel-link-button{border:0;cursor:pointer;font:inherit}.submit-flag{display:inline-flex;align-items:center;border-radius:10px;padding:10px 14px;font:inherit;cursor:pointer;border:1px solid var(--border);background:var(--surface-soft);color:var(--ink)}.submit-flag.submitted{border-color:#22c55e;background:#22c55e26;color:#22c55e;font-weight:600}.campaign-status{margin:4px 0 10px;padding:12px 16px;border-radius:12px;font-weight:600;border:1px solid var(--border);background:var(--surface-soft);color:var(--ink)}.campaign-status.complete{border-color:#22c55e;background:#22c55e26;color:#22c55e}.stop-queue{border:1px solid #ef4444;background:#ef444426;color:#ef4444;border-radius:10px;padding:10px 14px;font-weight:600;cursor:pointer}.batch-render-bar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:8px 0 14px;padding:12px 14px;border:1px solid var(--border);border-radius:12px;background:var(--surface-soft)}.batch-focus{display:flex;flex-direction:column;gap:4px;font-size:.85rem}.batch-focus select{padding:8px 10px;border-radius:8px}.submit-timer{display:inline-flex;align-items:center;padding:10px 12px;border-radius:10px;font-weight:600;background:#22c55e1f;color:#22c55e}.submit-timer.urgent{background:#eab30826;color:#eab308}.submit-timer.expired{background:#ef444426;color:#ef4444}.file-preview{min-height:60vh}.media-preview,.image-preview{width:100%;max-height:70vh;border-radius:12px;background:#05080f}.image-preview{object-fit:contain}.empty-preview{display:flex;flex-direction:column;gap:10px}@media (max-width: 980px){.app-shell{grid-template-columns:1fr}.sidebar{border-radius:0 0 18px 18px}.jobs-layout,.files-layout,.form-grid{grid-template-columns:1fr}.span-2{grid-column:span 1}}