:root{--bg:#070a10;--sidebar:#0a0e16;--panel:#0f141e;--panel-2:#141b27;--line:#202938;--text:#f4f7fb;--muted:#8a98ac;--cyan:#18d5e8;--cyan-2:#0ea5b8;--green:#30d68a;--amber:#f7b955;--red:#ff647c;--shadow:0 22px 70px rgba(0,0,0,.35);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color-scheme:dark}
*{box-sizing:border-box}html,body{max-width:100%;overflow-x:hidden}body{margin:0;background:var(--bg);color:var(--text);min-height:100vh;font-size:16px}button,input,select,textarea{font:inherit}button{color:inherit}.hidden{display:none!important}.mobile-only{display:none!important}
.sidebar{position:fixed;inset:0 auto 0 0;width:252px;background:var(--sidebar);border-right:1px solid var(--line);display:flex;flex-direction:column;z-index:20}.brand{height:78px;padding:18px;display:flex;gap:12px;align-items:center;border-bottom:1px solid var(--line)}.brand-mark{width:39px;height:39px;border-radius:11px;background:linear-gradient(145deg,var(--cyan),#3377ff);display:grid;place-items:center;color:#031116;font-weight:900;box-shadow:0 0 28px rgba(24,213,232,.22)}.brand strong,.brand small{display:block}.brand small{color:var(--muted);font-size:.75rem;margin-top:2px}
.menu-search{margin:15px 14px 6px;height:38px;display:flex;align-items:center;gap:8px;padding:0 9px;background:#0d131d;border:1px solid var(--line);border-radius:9px;color:var(--muted)}.menu-search input{width:100%;background:transparent;border:0;outline:0;color:var(--text);font-size:.82rem}.menu-search kbd{font-size:.65rem;border:1px solid #2a3445;background:#161e2b;padding:2px 5px;border-radius:4px;white-space:nowrap}
#main-nav{padding:4px 10px 18px;overflow:auto;flex:1}#main-nav section{margin-top:17px}#main-nav h2{margin:0 10px 7px;color:#57657a;font-size:.67rem;letter-spacing:.12em;text-transform:uppercase}.nav-item,.account-shortcut{width:100%;border:0;background:transparent;display:flex;align-items:center;gap:11px;text-align:left;cursor:pointer}.nav-item{height:37px;padding:0 11px;border-radius:8px;color:#94a1b4;font-size:.85rem}.nav-item>span{color:#66758b;width:18px;text-align:center}.nav-item:hover{background:#101722;color:var(--text)}.nav-item.active{background:linear-gradient(90deg,rgba(24,213,232,.16),rgba(24,213,232,.04));color:#fff;box-shadow:inset 2px 0 var(--cyan)}.nav-item.active>span{color:var(--cyan)}.account-shortcut{padding:14px;border-top:1px solid var(--line);font-size:.82rem}.account-shortcut>span:nth-child(2){flex:1}.account-shortcut strong,.account-shortcut small{display:block}.account-shortcut small{color:var(--muted);margin-top:2px}.avatar{width:32px;height:32px;border-radius:50%;display:grid!important;place-items:center;background:#18313a;color:var(--cyan);font-weight:800}
.workspace{margin-left:252px;min-height:100vh}.topbar{height:78px;padding:0 30px;border-bottom:1px solid var(--line);background:rgba(7,10,16,.88);backdrop-filter:blur(16px);position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between}.eyebrow{margin:0 0 4px;color:var(--cyan);font-weight:800;font-size:.68rem;letter-spacing:.14em}.topbar h1,.modal h2{margin:0;font-size:1.25rem}.top-actions{display:flex;align-items:center;gap:10px}.health{height:36px;padding:0 12px;border:1px solid rgba(48,214,138,.24);background:rgba(48,214,138,.07);color:var(--green);border-radius:999px;display:flex;align-items:center;gap:8px;font-size:.76rem}.health i{width:7px;height:7px;border-radius:50%;background:currentColor;box-shadow:0 0 9px currentColor}.health.error{color:var(--red);border-color:rgba(255,100,124,.25);background:rgba(255,100,124,.07)}.period{height:38px;border:1px solid var(--line);border-radius:8px;padding:0 9px;display:flex;align-items:center;gap:6px;color:var(--muted);font-size:.75rem}.period select{border:0;background:transparent;color:var(--text);outline:0}.button,.icon-button{border:0;border-radius:8px;cursor:pointer;transition:.18s ease}.button{height:38px;padding:0 15px;font-weight:750;font-size:.8rem}.button:hover,.icon-button:hover{transform:translateY(-1px)}.button.primary{background:var(--cyan);color:#031116;box-shadow:0 0 26px rgba(24,213,232,.18)}.button.secondary{background:var(--panel-2);border:1px solid var(--line);color:#c9d2de}.button.danger{background:rgba(255,100,124,.1);border:1px solid rgba(255,100,124,.25);color:var(--red)}.button.small{height:30px;padding:0 10px;font-size:.72rem}.icon-button{width:36px;height:36px;background:var(--panel-2);border:1px solid var(--line);font-size:1.1rem}.connection-banner{margin:18px 28px 0;padding:12px 16px;border:1px solid rgba(247,185,85,.3);background:rgba(247,185,85,.08);color:#ffd995;border-radius:10px;font-size:.85rem}.connection-banner button{margin-left:8px}
.view{padding:26px 30px 50px;max-width:1600px;margin:0 auto}.page-intro{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-bottom:20px}.page-intro h2{font-size:1.45rem;margin:0 0 6px}.page-intro p{margin:0;color:var(--muted);max-width:720px;font-size:.9rem;line-height:1.55}.actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.metric-card,.panel{background:linear-gradient(145deg,var(--panel),#0c1119);border:1px solid var(--line);border-radius:13px;box-shadow:0 10px 30px rgba(0,0,0,.12)}.metric-card{padding:18px;position:relative;overflow:hidden}.metric-card:after{content:"";position:absolute;inset:0 0 auto;height:2px;background:linear-gradient(90deg,transparent,var(--accent,var(--cyan)),transparent);opacity:.7}.metric-card header{display:flex;justify-content:space-between;align-items:center}.metric-card label{color:var(--muted);font-size:.7rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase}.metric-icon{width:28px;height:28px;border-radius:8px;background:rgba(24,213,232,.08);display:grid;place-items:center;color:var(--accent,var(--cyan))}.metric-value{font-size:2rem;font-weight:850;letter-spacing:-.04em;margin:10px 0 3px}.metric-note{color:var(--muted);font-size:.76rem}.panel{padding:18px;margin-top:14px}.panel-header{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:15px}.panel-header h3{margin:0;font-size:.88rem;text-transform:uppercase;letter-spacing:.06em}.panel-header p{margin:4px 0 0;color:var(--muted);font-size:.78rem}.split{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(300px,.7fr);gap:14px}.stack{display:grid;gap:14px}.chart-scroll{overflow-x:auto;padding-bottom:18px}.chart{height:220px;display:flex;align-items:end;gap:10px;padding:20px 8px 0;border-bottom:1px solid var(--line)}.bar-group{flex:1;height:100%;display:flex;gap:3px;align-items:end;position:relative}.bar{min-height:3px;flex:1;border-radius:4px 4px 0 0;background:linear-gradient(var(--cyan),#0b7480)}.bar.failed{background:linear-gradient(var(--red),#822f42)}.bar-label{position:absolute;top:calc(100% + 7px);left:50%;transform:translateX(-50%);font-size:.65rem;color:var(--muted)}
.table-wrap{overflow:auto;max-width:100%}.data-table{width:100%;border-collapse:collapse;min-width:660px}.data-table th{padding:10px 12px;text-align:left;color:#657389;font-size:.66rem;letter-spacing:.08em;text-transform:uppercase;border-bottom:1px solid var(--line)}.data-table td{padding:12px;border-bottom:1px solid rgba(32,41,56,.65);font-size:.82rem;color:#cbd3df;vertical-align:middle}.data-table tr:last-child td{border-bottom:0}.data-table strong{color:#fff}.status{display:inline-flex;gap:6px;align-items:center;padding:4px 8px;border-radius:999px;font-size:.7rem;font-weight:800;background:rgba(138,152,172,.1);color:var(--muted)}.status.active,.status.completed{background:rgba(48,214,138,.1);color:var(--green)}.status.queued,.status.processing,.status.scheduled{background:rgba(24,213,232,.1);color:var(--cyan)}.status.failed,.status.error,.status.disconnected{background:rgba(255,100,124,.1);color:var(--red)}.status.paused,.status.draft{background:rgba(247,185,85,.1);color:var(--amber)}
.empty{padding:44px 20px;text-align:center;border:1px dashed #283345;border-radius:11px;color:var(--muted)}.empty-icon{width:48px;height:48px;margin:0 auto 12px;border-radius:14px;background:var(--panel-2);display:grid;place-items:center;color:var(--cyan);font-size:1.3rem}.empty h3{color:#dfe7f1;font-size:.95rem;margin:0 0 6px}.empty p{font-size:.82rem;margin:0 auto 15px;max-width:430px;line-height:1.5}.dropzone{border:1px dashed #2c4152;background:rgba(24,213,232,.025);border-radius:12px;padding:32px 20px;text-align:center;cursor:pointer;transition:.2s}.dropzone:hover,.dropzone.dragging{border-color:var(--cyan);background:rgba(24,213,232,.06)}.dropzone strong,.dropzone span{display:block}.dropzone span{color:var(--muted);font-size:.8rem;margin-top:6px}
.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.field{display:grid;gap:6px}.field.full{grid-column:1/-1}.field label{font-size:.75rem;color:#9eabbd;font-weight:700}.field input,.field select,.field textarea{width:100%;border:1px solid var(--line);background:#0b1018;color:var(--text);border-radius:8px;padding:10px 11px;outline:0}.field input,.field select{height:41px}.field textarea{min-height:100px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--cyan);box-shadow:0 0 0 3px rgba(24,213,232,.08)}.hint{font-size:.7rem;color:var(--muted)}.check-list{display:flex;flex-wrap:wrap;gap:8px}.check-chip{display:flex;gap:7px;align-items:center;padding:8px 10px;background:#0b1018;border:1px solid var(--line);border-radius:8px;font-size:.78rem}.check-chip input{accent-color:var(--cyan)}.code-output{white-space:pre-wrap;background:#070b11;border:1px solid var(--line);padding:14px;border-radius:9px;font:12px/1.6 ui-monospace,SFMono-Regular,Consolas;color:#9deaf2;max-height:260px;overflow:auto}.activity-list{display:grid;gap:2px}.activity{display:grid;grid-template-columns:8px 1fr auto;gap:10px;align-items:center;padding:10px 2px;border-bottom:1px solid rgba(32,41,56,.6);font-size:.78rem}.activity i{width:7px;height:7px;border-radius:50%;background:var(--cyan)}.activity.error i{background:var(--red)}.activity.warning i{background:var(--amber)}.activity.success i{background:var(--green)}.activity time{color:var(--muted);font-size:.68rem}.chip{display:inline-block;padding:4px 8px;background:#14202d;border:1px solid var(--line);border-radius:6px;color:#aeb9c8;font-size:.7rem;margin:2px}.progress{height:6px;border-radius:9px;background:#1a2330;overflow:hidden}.progress span{display:block;height:100%;background:linear-gradient(90deg,var(--cyan-2),var(--cyan));border-radius:inherit}.kpi-row{display:flex;gap:12px;flex-wrap:wrap}.kpi{flex:1;min-width:150px;padding:14px;border:1px solid var(--line);background:#0b1018;border-radius:10px}.kpi span,.kpi strong{display:block}.kpi span{color:var(--muted);font-size:.7rem}.kpi strong{font-size:1.35rem;margin-top:4px}
.video-frame,.video-placeholder{position:relative;overflow:hidden;background:linear-gradient(145deg,#172b37,#0b111b);display:grid;place-items:center;color:var(--cyan)}.video-frame video{width:100%;height:100%;display:block;object-fit:cover;background:#080b10;cursor:pointer}.video-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:rgba(3,11,16,.72);color:#fff;pointer-events:none;transition:.18s}.video-frame.playing .video-play{opacity:0}.video-placeholder{gap:5px;align-content:center}.video-placeholder span{font-size:1.25rem}.video-placeholder small{font-size:.6rem;color:var(--muted)}.library-thumb{aspect-ratio:9/16;width:100%;border-radius:11px 11px 0 0}.table-thumb{width:56px;height:76px;border-radius:7px}.choice-thumb{aspect-ratio:9/13;width:100%;border-radius:8px 8px 0 0}
.media-toolbar{display:flex;justify-content:space-between;gap:14px;align-items:center;margin-bottom:16px}.media-toolbar h3{margin:0 0 4px;font-size:.82rem}.filter-pills{display:flex;gap:7px;flex-wrap:wrap}.filter-pill{border:1px solid var(--line);background:#0b111a;color:var(--muted);border-radius:999px;padding:7px 11px;font-size:.72rem;cursor:pointer}.filter-pill b{margin-left:4px;color:inherit}.filter-pill.active{border-color:var(--cyan);background:rgba(24,213,232,.1);color:var(--cyan)}.media-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:14px}.media-card{position:relative;min-width:0;background:#0a0f17;border:1px solid var(--line);border-radius:12px;overflow:hidden;transition:.2s}.media-card:hover{transform:translateY(-3px);border-color:#34445a;box-shadow:0 15px 32px rgba(0,0,0,.28)}.media-card-status{position:absolute;top:8px;right:8px;z-index:2}.media-card-status .status{backdrop-filter:blur(8px);background:rgba(5,10,16,.78)}.media-card-body{display:grid;gap:4px;padding:11px 11px 8px}.media-card-body strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.78rem}.media-card-body span,.media-card-body small{color:var(--muted);font-size:.66rem}.media-card-body .media-error{color:var(--red);white-space:normal}.media-card-actions{display:flex;gap:6px;flex-wrap:wrap;padding:7px 11px 12px}.media-card-actions .button,.media-card-actions a{flex:1;display:grid;place-items:center;text-decoration:none;min-width:max-content}
.media-choice-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:14px;max-height:620px;overflow:auto;padding:4px 6px 8px 4px}.media-choice{position:relative;display:flex!important;flex-direction:column;min-width:0;min-height:320px;height:auto!important;border:1px solid var(--line);border-radius:11px;background:#0a0f17;cursor:pointer;overflow:hidden;transition:.18s}.media-choice:hover{border-color:#405067;transform:translateY(-2px)}.media-choice:has(input:checked){border-color:var(--cyan);box-shadow:0 0 0 3px rgba(24,213,232,.2)}.media-choice input{position:absolute!important;width:1px!important;height:1px!important;opacity:0;pointer-events:none}.media-choice .choice-thumb{display:grid!important;width:100%!important;height:260px!important;min-height:260px!important;aspect-ratio:auto!important;flex:none}.media-choice .choice-thumb video{width:100%!important;height:100%!important;object-fit:cover!important}.choice-check{position:absolute;right:9px;top:9px;width:29px;height:29px;border-radius:50%;display:grid;place-items:center;background:rgba(5,10,16,.85);border:1px solid #607086;color:transparent;z-index:3}.media-choice:has(input:checked) .choice-check{background:var(--cyan);border-color:var(--cyan);color:#031116}.media-choice-info{display:grid!important;gap:4px;padding:10px 11px;min-height:58px;background:#0a0f17}.media-choice-info strong{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.76rem;color:#eef4fa}.media-choice-info small{display:block;font-size:.64rem;color:var(--muted)}#publish-form .media-choice-grid{max-height:720px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}
.upload-batch{margin-top:16px;border-top:1px solid var(--line);padding-top:16px}.upload-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:9px 2px;border-bottom:1px solid rgba(32,41,56,.6)}.upload-row>span{min-width:0}.upload-row strong,.upload-row small{display:block}.upload-row strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.78rem}.upload-row small{margin-top:3px;color:var(--muted);font-size:.68rem}.button:disabled{opacity:.45;cursor:not-allowed}
.caption-summary{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:10px;color:var(--muted);font-size:.75rem}.caption-summary strong{color:var(--cyan)}.caption-results{display:grid;gap:9px}.caption-result{display:grid;grid-template-columns:28px minmax(0,1fr) auto;gap:10px;align-items:center;padding:11px;background:#070b11;border:1px solid var(--line);border-radius:9px}.caption-result>span{width:26px;height:26px;display:grid;place-items:center;border-radius:7px;background:rgba(24,213,232,.1);color:var(--cyan);font-size:.72rem;font-weight:800}.caption-result p{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;color:#d8e1eb;font-size:.8rem;line-height:1.5}
.caption-style-preview{aspect-ratio:9/5;min-height:190px;padding:20px;display:grid;place-items:center;text-align:center;overflow:hidden;border:1px solid #344154;border-radius:11px;background:linear-gradient(145deg,#385345,#17251e 55%,#0c1511);position:relative}.caption-style-preview:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 30% 30%,rgba(150,190,150,.2),transparent 40%),linear-gradient(20deg,transparent 48%,rgba(255,255,255,.05) 49%,transparent 51%)}.caption-style-preview span{position:relative;z-index:1;max-width:95%;font-family:Arial,"Arial Black",sans-serif;font-weight:900;line-height:1.05;color:#fff;text-transform:uppercase;white-space:pre-wrap;overflow-wrap:anywhere;-webkit-text-stroke:2px #000;paint-order:stroke fill;text-shadow:0 1px 0 #000}
.modal-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.68);backdrop-filter:blur(5px);z-index:50;display:grid;place-items:center;padding:20px}.modal{width:min(660px,100%);max-height:90vh;overflow:auto;background:#0e141d;border:1px solid #283446;border-radius:15px;box-shadow:var(--shadow)}.modal:has(.media-choice-grid){width:min(880px,100%)}.modal>header{padding:18px 20px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.modal h2{font-size:1.1rem}.modal #modal-body{padding:20px}.modal .form-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:18px}.toast-stack{position:fixed;right:18px;bottom:18px;z-index:80;display:grid;gap:8px}.toast{width:min(360px,calc(100vw - 36px));padding:12px 14px;background:#121a25;border:1px solid #29374a;border-left:3px solid var(--cyan);border-radius:9px;box-shadow:var(--shadow);font-size:.8rem;animation:toast-in .2s ease}.toast.error{border-left-color:var(--red)}.toast.success{border-left-color:var(--green)}@keyframes toast-in{from{transform:translateY(8px);opacity:0}}
.skeleton{background:linear-gradient(90deg,#101720,#17212d,#101720);background-size:220% 100%;animation:shimmer 1.2s infinite;border-radius:8px;height:90px}@keyframes shimmer{to{background-position:-220% 0}}
.auth-required .sidebar,.auth-required .topbar,.auth-required .connection-banner{display:none}.auth-required .workspace{margin-left:0;display:grid;place-items:center;min-height:100vh;background:radial-gradient(circle at 50% 15%,#102332 0,var(--bg) 55%)}.auth-required .view{width:100%;padding:20px}.login-card{width:min(430px,100%);margin:auto;padding:34px;background:linear-gradient(145deg,var(--panel),#0b1018);border:1px solid var(--line);border-radius:17px;box-shadow:var(--shadow)}.login-card>.brand-mark{margin-bottom:24px}.login-card h2{margin:8px 0;font-size:1.45rem}.login-card>p:not(.eyebrow){color:var(--muted);font-size:.88rem;margin:0 0 22px}.login-card form{display:grid;gap:14px}.login-card form .button{margin-top:4px}.login-card small{display:block;text-align:center;color:var(--muted);font-size:.7rem;margin-top:18px}
@media(max-width:1100px){.metric-grid{grid-template-columns:repeat(2,1fr)}.split{grid-template-columns:1fr}.health{display:none}}
@media(max-width:900px){.mobile-only{display:grid!important}.sidebar{transform:translateX(-100%);transition:.2s}.sidebar.open{transform:translateX(0);box-shadow:30px 0 80px rgba(0,0,0,.5)}.workspace{margin-left:0;min-width:0;max-width:100%}.topbar{padding:0 16px;height:70px}.topbar>div:nth-child(2){flex:1;min-width:0;margin-left:10px}.topbar h1{font-size:1.05rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.top-actions .secondary{display:none}.view{padding:18px 15px 40px;min-width:0;max-width:100%}.panel,.page-intro,.dropzone{min-width:0;max-width:100%}.page-intro p,.dropzone strong,.dropzone span{overflow-wrap:anywhere}.metric-grid{grid-template-columns:1fr 1fr;gap:10px}.metric-card{padding:14px;min-width:0}.metric-value{font-size:1.65rem}.page-intro{align-items:flex-start;flex-direction:column}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.modal-backdrop{padding:10px}.connection-banner{margin:12px 15px 0}.top-actions .primary{font-size:0;width:38px;padding:0}.top-actions .primary::after{content:"＋";font-size:1rem}.media-toolbar{align-items:flex-start;flex-direction:column}.media-gallery{grid-template-columns:repeat(auto-fill,minmax(155px,1fr))}}
@media(max-width:430px){.metric-grid{grid-template-columns:1fr}.top-actions .primary{display:none}.view{padding-left:11px;padding-right:11px}.panel{padding:14px}.activity{grid-template-columns:8px minmax(0,1fr)}.activity time,.activity>.actions{grid-column:2}.kpi{min-width:100%}.upload-row{align-items:flex-start}.upload-row .status{flex:none}.caption-summary{align-items:flex-start;flex-direction:column}.caption-result{grid-template-columns:28px minmax(0,1fr)}.caption-result .actions{grid-column:2}.media-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.media-card-actions{display:grid;grid-template-columns:1fr}.media-choice-grid,#publish-form .media-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.media-choice{min-height:245px}.media-choice .choice-thumb{height:190px!important;min-height:190px!important}.filter-pills{width:100%;overflow:auto;flex-wrap:nowrap;padding-bottom:3px}.filter-pill{white-space:nowrap}}