:root{color-scheme:light;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,Inter,system-ui,sans-serif;color:#0a0a0a;background:#fafafa;font-synthesis:none;text-rendering:optimizeLegidity;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--ink: #0a0a0a;--ink-light: #1a1a1a;--muted: #666666;--muted-light: #999999;--line: #e5e5e5;--line-light: #f0f0f0;--panel: #ffffff;--soft: #fafafa;--accent: #0071e3;--accent-light: #147ce5;--accent-dark: #0062cc;--danger: #ff3b30;--warning: #ff9500;--success: #34c759;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .04);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .06), 0 1px 2px rgba(0, 0, 0, .03);--shadow-md: 0 4px 6px rgba(0, 0, 0, .05), 0 2px 4px rgba(0, 0, 0, .03);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .08), 0 4px 6px rgba(0, 0, 0, .04);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .1), 0 10px 10px rgba(0, 0, 0, .04);--shadow-2xl: 0 25px 50px rgba(0, 0, 0, .12), 0 12px 24px rgba(0, 0, 0, .08);--shadow-hover: 0 12px 24px rgba(0, 0, 0, .12), 0 6px 12px rgba(0, 0, 0, .08);--gradient-primary: linear-gradient(135deg, #0071e3 0%, #0050b3 100%);--gradient-soft: linear-gradient(135deg, #fafafa 0%, #ffffff 100%);--gradient-shine: linear-gradient(135deg, rgba(255,255,255,.8) 0%, rgba(255,255,255,0) 100%);--ease-out-expo: cubic-bezier(.16, 1, .3, 1);--ease-in-out-smooth: cubic-bezier(.4, 0, .2, 1);--ease-spring: cubic-bezier(.68, -.55, .265, 1.55)}*{box-sizing:border-box;transition:background-color .2s cubic-bezier(.4,0,.2,1),color .2s cubic-bezier(.4,0,.2,1),border-color .2s cubic-bezier(.4,0,.2,1),transform .15s cubic-bezier(.4,0,.2,1),opacity .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1)}body{margin:0;min-width:1180px;min-height:100vh;background:radial-gradient(circle at 20% 0%,rgba(0,113,227,.03) 0%,transparent 50%),radial-gradient(circle at 80% 100%,rgba(0,113,227,.02) 0%,transparent 50%),#fafafa;position:relative;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;background-image:linear-gradient(rgba(0,0,0,.015) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,.015) 1px,transparent 1px);background-size:32px 32px;pointer-events:none;z-index:0}button,input,textarea,select{font:inherit;border:none;outline:none}button{cursor:pointer;position:relative;overflow:hidden;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}button:hover:not(:disabled){transform:translateY(-1px) scale(1.01)}button:active:not(:disabled){transform:translateY(0) scale(.99)}button:disabled{cursor:not-allowed;opacity:.4}input:focus,textarea:focus,select:focus,button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.appShell{min-height:100vh;display:grid;grid-template-columns:248px minmax(720px,1fr) 300px}.sidebar{position:sticky;top:0;height:100vh;padding:24px 20px;background:linear-gradient(180deg,#1a1a1a,#0f0f0f);color:#f5f5f5;display:flex;flex-direction:column;gap:28px;box-shadow:inset -1px 0 #ffffff14}.brand{display:flex;gap:12px;align-items:center;padding:8px 12px 24px;border-bottom:1px solid rgba(255,255,255,.08)}.brandMark{width:44px;height:44px;border-radius:12px;background:var(--gradient-primary);display:grid;place-items:center;box-shadow:0 4px 12px #0071e34d,0 2px 6px #0071e333;position:relative}.brandMark:before{content:"";position:absolute;inset:0;border-radius:inherit;background:var(--gradient-shine);opacity:.3}.brand strong{display:block;font-size:16px;font-weight:600;letter-spacing:-.01em}.brand span{display:block;font-size:12px;color:#ffffff80;margin-top:2px;font-weight:400}.navList{display:grid;gap:4px}.navItem{height:44px;color:#ffffffb3;background:transparent;border-radius:10px;display:flex;align-items:center;gap:12px;padding:0 14px;text-align:left;font-weight:500;position:relative;border:1px solid transparent}.navItem:before{content:"";position:absolute;inset:0;border-radius:inherit;background:#ffffff0d;opacity:0;transition:opacity .3s var(--ease-out-expo)}.navItem:hover:before{opacity:1}.navItem.active,.navItem:hover{color:#fff}.navItem.active{background:#0071e326;border-color:#0071e34d;box-shadow:0 2px 8px #0071e326}.navItem:active{transform:scale(.98)}.navItem em{margin-left:auto;min-width:26px;height:24px;display:grid;place-items:center;border-radius:6px;background:var(--accent);font-size:11px;font-style:normal;font-weight:600;box-shadow:0 2px 4px #0071e34d}.sidebarFooter{margin-top:auto;padding:14px;border:1px solid rgba(255,255,255,.1);border-radius:8px;display:grid;grid-template-columns:1fr auto;gap:3px}.sidebarFooter span,.sidebarFooter small{color:#ffffff8f;font-size:12px}.sidebarFooter strong{font-size:24px}.main{padding:26px;min-width:0}.topbar{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:22px}.eyebrow{margin:0 0 6px;font-size:11px;font-weight:800;color:#0f766e;letter-spacing:.08em}h1,h2{margin:0;letter-spacing:0}h1{font-size:28px;line-height:1.3}h2{font-size:20px;line-height:1.4}.topbarActions{display:flex;align-items:center;gap:10px}.keyBadge,.metricPill{min-height:38px;display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);background:#ffffffd1;border-radius:8px;padding:0 12px;color:var(--muted)}.keyBadge.ready{color:var(--success);border-color:#12805c38;background:#effaf5}.roleBadge{min-height:30px;display:inline-flex;align-items:center;justify-content:center;gap:6px;border-radius:999px;padding:0 10px;font-size:12px;font-weight:800;background:#eef4f2;color:#415057;white-space:nowrap}.roleBadge.root{background:linear-gradient(135deg,#1a1a1a,#0a0a0a);color:#fff;box-shadow:var(--shadow-sm)}.roleBadge.agent{background:#0071e31a;color:var(--accent)}.roleBadge.user{background:#34c7591a;color:var(--success)}.iconBtn{width:38px;height:38px;border-radius:10px;background:var(--panel);color:var(--ink);border:1.5px solid var(--line);display:inline-grid;place-items:center;transition:all .25s var(--ease-out-expo)}.iconBtn:hover{border-color:var(--accent);background:#0071e30d;box-shadow:var(--shadow-md);transform:translateY(-1px)}.studioGrid{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:20px}.workbench,.panel,.taskListPanel,.detailPanel{background:#fffffff2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(0,0,0,.06);border-radius:16px;box-shadow:var(--shadow-lg);transition:all .3s var(--ease-out-expo)}.workbench:hover,.panel:hover,.taskListPanel:hover,.detailPanel:hover{transform:translateY(-2px);box-shadow:var(--shadow-xl)}.workbench{padding:20px}.modeTabs{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:16px}.modeTab{min-height:82px;padding:14px;border:1.5px solid var(--line);border-radius:12px;background:#fff;color:var(--ink);display:grid;grid-template-columns:auto 1fr;gap:4px 10px;align-items:start;text-align:left;transition:all .3s var(--ease-out-expo);box-shadow:var(--shadow-sm)}.modeTab:hover{border-color:#0071e333;box-shadow:var(--shadow-md);transform:translateY(-1px)}.modeTab small{grid-column:2;color:var(--muted);font-size:12px;line-height:1.4}.modeTab.active{border-color:#0071e366;background:#0071e30d;color:var(--accent);box-shadow:0 0 0 3px #0071e31a,var(--shadow-sm)}.composer{border:1.5px solid var(--line);border-radius:12px;background:#fff;overflow:hidden;box-shadow:var(--shadow-sm);transition:all .3s var(--ease-out-expo)}.composer:focus-within{border-color:var(--accent);box-shadow:0 0 0 4px #0071e31a,var(--shadow-md)}.composerHead{height:64px;padding:12px 14px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.composerHead h2{display:flex;align-items:center;gap:8px;font-size:18px}.composerHead span{color:var(--muted);font-size:12px}textarea{width:100%;min-height:188px;resize:vertical;border:0;outline:0;padding:16px;color:var(--ink);line-height:1.7}.chipRow{display:flex;flex-wrap:wrap;gap:8px;padding:0 14px 14px}.chipRow button{display:inline-flex;align-items:center;gap:5px;height:30px;padding:0 10px;border-radius:999px;background:#f2f6f7;color:#334148}.controlGrid{margin-top:16px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.control,.field{display:grid;gap:8px}.control span,.field span{color:#415057;font-weight:700;font-size:13px}.control select,.field input,.urlAdder input,.searchBox input{height:40px;border:1.5px solid var(--line);border-radius:10px;background:#fff;padding:0 14px;outline:0;font-size:14px;transition:all .3s var(--ease-out-expo)}.control select:focus,.field input:focus,.urlAdder input:focus,.searchBox input:focus{border-color:var(--accent);box-shadow:0 0 0 4px #0071e31a,var(--shadow-sm)}input[type=range]{width:100%;accent-color:var(--accent)}.segmented{display:flex;gap:6px;flex-wrap:wrap}.segmented button{min-width:64px;height:36px;padding:0 12px;border-radius:8px;background:#f5f5f5;color:var(--muted);font-weight:500;font-size:13px;border:1px solid transparent;transition:all .25s var(--ease-out-expo)}.segmented button:hover{background:#ebebeb;color:var(--ink)}.segmented button.active{color:#fff;background:var(--accent);border-color:var(--accent);box-shadow:0 2px 8px #0071e340}.optionGrid{margin-top:12px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.toggleOption{min-height:58px;border:1px solid var(--line);border-radius:8px;background:#fff;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:10px;padding:10px 12px;text-align:left}.toggleOption.active{border-color:#0071e357;background:#eef6ff;box-shadow:0 8px 18px #0071e31f}.toggleBox{width:22px;height:22px;border-radius:7px;border:1.5px solid #cbd5df;display:grid;place-items:center;color:#fff;background:#fff}.toggleOption.active .toggleBox{border-color:var(--accent);background:var(--accent)}.toggleOption strong,.toggleOption small{display:block;min-width:0}.toggleOption strong{color:var(--ink);font-size:14px}.toggleOption small{margin-top:2px;color:var(--muted);font-size:12px}.durationWheel{--duration-pct: 9.09%;min-height:92px;border-radius:8px;border:1px solid rgba(0,0,0,.08);background:linear-gradient(180deg,#ffffffeb,#f4f7faf0),repeating-linear-gradient(90deg,rgba(0,0,0,.05) 0 1px,transparent 1px 12px);box-shadow:inset 0 1px #ffffffeb,inset 0 -1px #0000000d,0 10px 22px #0f172a14;padding:10px 12px 12px}.durationReadout{display:grid;grid-template-columns:34px 1fr 34px;align-items:center;margin-bottom:8px}.durationReadout span{color:var(--muted);font-size:11px;font-weight:800}.durationReadout span:last-child{text-align:right}.durationReadout strong{justify-self:center;min-width:72px;min-height:30px;border-radius:999px;display:inline-flex;align-items:baseline;justify-content:center;gap:2px;color:#f8fbff;background:linear-gradient(180deg,#1c2733,#070b10);box-shadow:inset 0 1px #ffffff3d,inset 0 -8px 18px #00000047,0 8px 16px #0071e32e;font-size:17px;letter-spacing:0}.durationReadout em{font-style:normal;font-size:11px;color:#ffffffad}.durationTrackShell{position:relative;height:42px}.durationTrackShell input{position:absolute;inset:0;z-index:3;width:100%;height:100%;opacity:0;cursor:grab}.durationTrackShell input:active{cursor:grabbing}.durationRail{position:absolute;left:0;right:0;top:9px;height:18px;border-radius:999px;border:1px solid rgba(0,0,0,.08);background:linear-gradient(180deg,#dde4ec,#f8fafc 48%,#c8d1dc 52%,#eef2f6);box-shadow:inset 0 2px 4px #00000029,inset 0 -1px #ffffffdb;overflow:visible}.durationFill{position:absolute;left:0;top:0;bottom:0;width:var(--duration-pct);border-radius:inherit;background:linear-gradient(90deg,#0b6fd6,#3ea0ff);box-shadow:inset 0 1px #ffffff59,0 0 14px #0071e347}.durationKnob{position:absolute;left:var(--duration-pct);top:50%;width:34px;height:34px;border-radius:50%;transform:translate(-50%,-50%);background:radial-gradient(circle at 34% 28%,#fff 0 10%,#cfd8e3 11% 28%,#6b7785 29% 42%,#17202b 43% 100%);border:1px solid rgba(0,0,0,.25);box-shadow:inset 0 1px #ffffffbf,inset 0 -7px 10px #0000003d,0 10px 18px #0f172a38}.durationKnob:after{content:"";position:absolute;inset:10px;border-radius:inherit;background:linear-gradient(180deg,#0d6fd3,#0752a3);box-shadow:inset 0 1px #ffffff59}.durationTicks{position:absolute;left:8px;right:8px;top:21px;display:grid;grid-template-columns:repeat(12,1fr);pointer-events:none}.durationTicks span{display:grid;justify-items:center;gap:3px;color:#6b7280;font-size:10px;font-weight:800}.durationTicks i{width:1px;height:8px;background:#00000038}.durationTicks span.active{color:var(--accent)}.durationTicks span.active i{width:2px;background:var(--accent)}.mediaModePanel{margin-top:16px;border:1px solid rgba(15,118,110,.16);border-radius:8px;background:linear-gradient(180deg,#fffffff5,#f8fbfceb);padding:12px}.mediaModeHead{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.mediaModeHead div{display:grid;gap:3px}.mediaModeHead strong{font-size:15px}.mediaModeHead span{color:var(--muted);font-size:12px}.mediaModeHead em{border-radius:999px;padding:5px 9px;background:#eaf6f3;color:#0f766e;font-style:normal;font-size:12px;font-weight:800}.frameGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.frameSlot{min-height:166px;border:1px solid var(--line);border-radius:8px;background:linear-gradient(180deg,#fff,#f8fbfc);padding:12px;display:grid;align-content:start;gap:10px}.frameSlot.filled{border-color:#0f766e5c;background:linear-gradient(180deg,#f4fffb,#fff)}.frameSlot.disabled{opacity:.72}.slotTop{display:flex;align-items:center;justify-content:space-between;gap:10px}.slotTop div{min-width:0;display:flex;align-items:center;gap:7px}.slotTop strong{font-size:14px}.slotTop span{border-radius:999px;padding:4px 8px;background:#f1f5f9;color:var(--muted);font-size:11px;font-weight:800}.slotTop .slotNeed{background:#fff4e6;color:#d97706}.slotTop .slotOk{background:#eaf6f3;color:#0f766e}.slotAdder{display:grid;grid-template-columns:auto 1fr 64px;align-items:center;gap:8px}.slotAdder input{height:38px;min-width:0;border:1.5px solid var(--line);border-radius:8px;background:#fff;padding:0 10px;outline:0}.slotAdder input:focus{border-color:var(--accent);box-shadow:0 0 0 4px #0071e31a}.slotAdder button{height:38px;border-radius:8px;background:#172026;color:#fff;font-weight:800}.slotAdder button:disabled,.urlAdder button:disabled{cursor:not-allowed;opacity:.46}.slotUpload{min-height:74px;border:1px dashed #b8c6ca;border-radius:8px;background:linear-gradient(135deg,#fbfdfe,#f4f8fa);display:grid;place-items:center;gap:6px;color:#415057;cursor:pointer}.safetyNotice{min-height:38px;border:1px solid rgba(255,149,0,.44);border-radius:8px;background:#fff8e8;color:#b45309;display:flex;align-items:center;gap:7px;padding:8px 10px;font-size:12px;font-weight:800;line-height:1.45}.safetyNotice svg{flex:0 0 auto}.safetyNotice span{min-width:0}.slotUrl{min-height:88px;display:flex;align-items:center;gap:8px;border:1px solid rgba(15,118,110,.2);border-radius:8px;background:#fff;padding:10px}.slotUrl span{flex:1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#0f766e;font-size:12px}.slotUrl button{width:34px;height:34px;color:var(--danger);background:#fff1f2;border-radius:8px}.referenceCounters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:10px}.referenceCounters span{min-height:34px;border:1px solid var(--line);border-radius:8px;background:#fff;display:flex;align-items:center;justify-content:center;gap:6px;color:#415057;font-size:12px;font-weight:800}.mediaStack{display:grid;gap:12px}.mediaInput{border:1px solid var(--line);border-radius:8px;background:#fff;padding:14px}.mediaTitle{display:flex;align-items:center;gap:8px;margin-bottom:12px}.mediaTitle span{margin-left:auto;color:var(--muted);font-size:12px}.urlAdder{display:grid;grid-template-columns:auto 1fr 76px;align-items:center;gap:8px}.urlAdder button{height:40px;border-radius:8px;background:#172026;color:#fff}.uploadDrop{min-height:68px;margin-top:10px;border:1px dashed #b8c6ca;border-radius:8px;background:#f8fbfc;display:grid;grid-template-columns:auto 1fr;gap:2px 9px;align-items:center;padding:12px;color:#415057;cursor:pointer}.uploadDrop.disabled{cursor:not-allowed;opacity:.5}.uploadDrop small{grid-column:2;color:var(--muted)}.urlList{display:grid;gap:8px;margin-top:10px}.urlItem{height:34px;display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:8px;padding-left:10px}.urlItem span{flex:1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:var(--muted);font-size:12px}.urlItem button{width:32px;height:32px;background:transparent;color:var(--danger)}.submitBar{margin-top:18px;min-height:62px;display:flex;justify-content:space-between;align-items:center;gap:14px;border-top:1px solid var(--line);padding-top:16px}.upstreamNotice{display:flex;align-items:center;gap:8px;color:var(--warning);font-size:13px}.upstreamNotice.ready{color:var(--success)}.upstreamNotice.danger{color:var(--danger)}.primaryBtn,.secondaryBtn,.primaryLink{height:42px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 20px;text-decoration:none;font-weight:600;font-size:14px;position:relative;overflow:hidden;border:none}.primaryBtn{background:linear-gradient(135deg,#0071e3,#0056b3);color:#fff;box-shadow:0 4px 12px #0071e34d,0 2px 6px #0071e333}.primaryBtn:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#fff0,#ffffff4d,#fff0);transform:translate(-100%);transition:transform .6s}.primaryBtn:hover:before{transform:translate(100%)}.primaryBtn:hover:not(:disabled){transform:translateY(-2px) scale(1.02);box-shadow:0 8px 20px #0071e366,0 4px 10px #0071e34d}.secondaryBtn{background:#fff;color:var(--ink);border:1.5px solid #e5e5e5;box-shadow:var(--shadow-sm);font-weight:500}.secondaryBtn:hover:not(:disabled){border-color:#d0d0d0;box-shadow:var(--shadow-md);transform:translateY(-1px) scale(1.01);background:#fafafa}.primaryLink{background:linear-gradient(135deg,#1a1a1a,#0a0a0a);color:#fff;width:100%;margin-top:10px;box-shadow:var(--shadow-md)}.primaryLink:hover{transform:translateY(-1px);box-shadow:var(--shadow-lg)}.full{width:100%}.previewRail{display:grid;gap:14px;align-content:start}.panel{padding:14px}.panelHead{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.panelHead span{font-weight:800}.panelHead em{font-style:normal;color:var(--muted);font-size:12px}.previewFrame{width:100%;border-radius:8px;background:linear-gradient(145deg,#172026,#0f766e 55%,#d1f3ed);overflow:hidden}.previewFrame.ratio-16-9{aspect-ratio:16 / 9}.previewFrame.ratio-9-16{aspect-ratio:9 / 16;max-height:360px;width:58%;margin:0 auto}.previewFrame.ratio-1-1{aspect-ratio:1 / 1}.previewFrame.ratio-4-3{aspect-ratio:4 / 3}.previewFrame.ratio-3-4{aspect-ratio:3 / 4;max-height:360px;width:74%;margin:0 auto}.previewScene{height:100%;display:grid;place-items:center;align-content:center;color:#fff;gap:8px}.previewScene strong{font-size:22px}.previewScene span{opacity:.82;font-size:13px}.livePreview p{margin:12px 0 0;color:var(--muted);line-height:1.65;font-size:13px}.costPreview{margin-top:12px;border:1px solid var(--line);border-radius:8px;background:#f8fbfc;padding:10px;display:grid;grid-template-columns:1fr auto;gap:4px 10px}.costPreview span,.costPreview small{color:var(--muted);font-size:12px}.costPreview strong{font-size:20px;color:#0f766e}.costPreview small{grid-column:1 / -1}.assetMini{min-height:38px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;color:#415057}.assetMini div{width:28px;height:28px;border-radius:8px;background:#edf5f3;display:grid;place-items:center;color:#0f766e}.assetMini span{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:13px}.assetMini em{border-radius:999px;padding:3px 7px;background:#f1f5f9;color:var(--muted);font-style:normal;font-size:11px;font-weight:800}.assetMini em.ready{background:#eaf6f3;color:#0f766e}.previewFlags{margin-top:10px;display:flex;flex-wrap:wrap;gap:7px}.previewFlags span{border-radius:999px;padding:5px 9px;background:#f1f5f9;color:#415057;font-size:12px;font-weight:800}.emptyMini,.emptyState{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;min-height:180px;color:var(--muted);border:2px dashed #c9d4d7;border-radius:12px;padding:32px 18px;text-align:center;background:linear-gradient(135deg,#fafcfd,#f5f9fa)}.emptyState .emptyIcon{width:72px;height:72px;border-radius:50%;background:linear-gradient(135deg,#0071e31f,#0071e30f);display:flex;align-items:center;justify-content:center;color:var(--accent);margin-bottom:8px;box-shadow:0 4px 12px #0071e31a}.emptyState strong{font-size:18px;font-weight:600;color:var(--ink);margin-bottom:4px}.emptyState p{font-size:14px;color:var(--muted);line-height:1.5;margin:0 0 16px;max-width:320px}.emptyMini{min-height:120px;padding:24px 18px}.tasksLayout{display:grid;grid-template-columns:minmax(390px,46%) minmax(0,1fr);gap:18px}.taskListPanel{padding:14px;min-height:650px}.listToolbar{display:grid;grid-template-columns:1fr auto;gap:10px;margin-bottom:12px}.searchBox{display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:8px;background:#fff;padding:0 10px}.searchBox input{border:0;flex:1;padding:0}.taskRows{display:grid;gap:9px}.taskRow{width:100%;min-height:86px;border:1px solid var(--line);border-radius:8px;background:#fff;padding:11px;display:grid;grid-template-columns:42px minmax(0,1fr) 34px;gap:10px;align-items:center;text-align:left}.taskRow.active{border-color:#0f766e75;background:#f0fbf7}.rowThumb{width:42px;height:42px;border-radius:8px;display:grid;place-items:center;background:#eff4f5;color:#0f766e}.rowMain{min-width:0}.rowTop{display:flex;gap:10px;justify-content:space-between;align-items:center}.rowTop strong{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:14px}.statusPill{flex:0 0 auto;border-radius:999px;padding:4px 9px;font-size:12px;background:#e8f2ff;color:#1d4ed8}.statusPill.success{background:#eafaf2;color:var(--success)}.statusPill.danger{background:#fff1f1;color:var(--danger)}.rowMeta{margin-top:9px;display:flex;gap:10px;flex-wrap:wrap;color:var(--muted);font-size:12px}.rowDelete{width:32px;height:32px;border-radius:8px;display:grid;place-items:center;color:var(--danger);background:transparent}.rowDelete:hover{background:#fff1f1}.detailPanel{padding:16px;min-height:650px}.detailHeader{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.videoResult{border:1px solid var(--line);border-radius:8px;background:#0d141a;overflow:hidden}.videoResult video{width:100%;display:block;max-height:430px;background:#000}.resultActions{display:flex;gap:10px;padding:10px;background:#fff}.resultActions a{height:36px;padding:0 12px;border-radius:8px;background:#f2f6f7;color:var(--ink);text-decoration:none;display:inline-flex;align-items:center;gap:7px}.videoPending{min-height:280px;border:1px solid var(--line);border-radius:8px;display:grid;place-items:center;align-content:center;gap:12px;background:#f8fbfc;color:var(--muted)}.detailGrid{margin-top:14px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.infoCell{border:1px solid var(--line);border-radius:8px;padding:11px;min-width:0}.infoCell span{display:block;color:var(--muted);font-size:12px;margin-bottom:6px}.infoCell strong{display:block;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:13px}.promptBox,.errorBox{margin-top:12px;border-radius:8px;padding:12px;line-height:1.65}.promptBox{background:#f4f7f8;color:#334148}.errorBox{display:flex;gap:8px;background:#fff1f1;color:var(--danger)}.assetGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.bootScreen{min-height:100vh;display:grid;place-items:center;align-content:center;gap:12px;color:var(--muted)}.loginPage{min-height:100vh;display:grid;grid-template-columns:minmax(0,1fr) 420px;align-items:center;gap:36px;padding:48px clamp(28px,5vw,74px);position:relative;overflow:hidden;background:radial-gradient(circle at 18% 20%,rgba(0,113,227,.24),transparent 34%),radial-gradient(circle at 78% 34%,rgba(45,212,191,.18),transparent 28%),linear-gradient(135deg,#080c14,#101724 44%,#111827)}.loginPage:before{content:"";position:absolute;inset:0;background:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:34px 34px;-webkit-mask-image:linear-gradient(90deg,#000000d1,#0000002e);mask-image:linear-gradient(90deg,#000000d1,#0000002e);pointer-events:none}.loginPage:after{content:"";position:absolute;width:58vw;height:58vw;right:-28vw;bottom:-36vw;border:1px solid rgba(255,255,255,.08);border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.08),transparent 58%);pointer-events:none}.loginHero{color:#fff;min-width:0;position:relative;z-index:1;display:flex;flex-direction:column;justify-content:center;gap:28px}.brand.big .brandMark{width:56px;height:56px;background:linear-gradient(135deg,#f8fbff,#83c5ff);color:#0f172a;box-shadow:0 18px 34px #0071e340}.brand.big{border:0;padding:0}.brand.big strong{font-size:22px;color:#fff}.brand.big span{color:#e2e8f0b3;letter-spacing:.06em}.loginHero h1{max-width:680px;font-size:clamp(42px,5vw,76px);line-height:1.04;letter-spacing:0}.loginHero p{max-width:560px;margin:0;color:#e2e8f0c2;font-size:17px;line-height:1.75}.loginCard{position:relative;z-index:1;align-self:center;border-radius:8px;background:#ffffffeb;border:1px solid rgba(255,255,255,.64);box-shadow:0 30px 80px #00000057;padding:28px;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);display:grid;gap:15px}.loginCard h2{margin-bottom:4px}.loginCard .field input{height:46px;font-size:15px}.loginCard .primaryBtn{min-height:48px;margin-top:2px;background:linear-gradient(135deg,#0f172a,#0b6fd6);box-shadow:0 16px 32px #0071e33d}.loginFoot{min-height:38px;border:1px solid rgba(15,23,42,.08);border-radius:8px;background:#f8fafcc2;display:inline-flex;align-items:center;justify-content:center;gap:7px;color:var(--muted);font-size:13px}.loginFoot.ready{color:#0f766e;border-color:#0f766e29;background:#ecfdf5c7}.accountLayout{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:18px}.consoleLayout{display:grid;grid-template-columns:minmax(0,1fr) 390px;gap:18px}.tablePanel,.sideStack .panel{background:#ffffffe6;border:1px solid var(--line);border-radius:8px;padding:14px}.sideStack{display:grid;gap:14px;align-content:start}.userRows{display:grid;gap:9px}.userRow{width:100%;min-height:70px;display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:12px;border:1px solid var(--line);border-radius:8px;background:#fff;padding:11px;text-align:left}.userRow.active{border-color:#0f766e6b;background:#f0fbf7}.userRow strong,.userRow span{display:block}.userRow div span{color:var(--muted);font-size:12px;margin-top:4px}.userRow div small.accountState{display:inline-flex;align-items:center;min-height:20px;margin-top:7px;border-radius:999px;padding:0 8px;background:#ecfdf5;color:#0f766e;font-size:11px;font-weight:800}.userRow div small.accountState.disabled{background:#fff1f2;color:var(--danger)}.userRow b{color:#0f766e}.selectedUser{min-height:76px;border:1px solid var(--line);border-radius:8px;background:#f8fbfc;padding:12px;margin-bottom:12px;display:grid;gap:6px}.selectedUser strong{font-size:16px}.selectedUser span{color:var(--muted);font-size:12px}.selectedUser.compact{min-height:66px}.securityActions{display:grid;grid-template-columns:minmax(0,1fr) 110px;gap:8px;margin-top:10px}.pricingRows{display:grid;gap:8px}.pricingRow{display:grid;grid-template-columns:58px minmax(0,1fr);gap:8px 10px;align-items:center;border:1px solid var(--line);border-radius:8px;background:#fff;padding:9px 10px}.pricingRow>span{font-weight:800;color:var(--ink)}.pricingRow input{width:100%;min-width:0;height:36px;border:1px solid var(--line);border-radius:8px;padding:0 10px;background:#fbfdfe}.pricingRow input:disabled{color:var(--muted);background:#f5f7f8}.pricingRow small{grid-column:2;color:var(--muted);font-size:12px}.ruleNote{margin-top:10px;border-radius:8px;padding:10px;background:#fff7ed;color:#b45309;font-size:13px;line-height:1.5}.createUserPanel .control{margin-bottom:14px}.apiKeyCreate{margin-top:12px}.apiKeyList{display:grid;gap:8px;margin-top:12px}.apiKeyItem{border:1px solid var(--line);border-radius:8px;background:#fff;padding:10px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center}.apiKeyItem strong,.apiKeyItem span,.apiKeyItem small{display:block;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.apiKeyItem span{color:#0f766e;font-family:SF Mono,Consolas,monospace;font-size:12px;margin-top:4px}.apiKeyItem small{color:#b45309;font-size:12px;margin-top:4px}.apiKeyActions{display:flex;align-items:center;gap:8px}.dangerSoftBtn{min-width:68px;height:38px;border-radius:8px;background:#fff1f2;color:var(--danger);font-weight:800}.dangerSoftBtn:disabled{opacity:.45;cursor:not-allowed}.codeHint{margin-top:12px;display:grid;gap:7px}.codeHint span{color:var(--muted);font-size:12px;font-weight:800}.codeHint code{display:block;padding:8px;border-radius:8px;background:#101820;color:#e8f5f3;font-size:12px;overflow:hidden;text-overflow:ellipsis}.field select{height:40px;border:1px solid var(--line);border-radius:8px;background:#fff;padding:0 11px;outline:0}.formNotice{min-height:36px;border-radius:8px;display:flex;align-items:center;padding:8px 10px;font-size:13px;font-weight:800}.formNotice.danger{border:1px solid rgba(255,59,48,.18);background:#fff1f2;color:var(--danger)}.upstreamRows{display:grid;gap:10px}.upstreamRow{min-height:96px;border:1px solid var(--line);border-radius:8px;background:#fff;padding:12px;display:grid;grid-template-columns:minmax(0,1.4fr) 210px minmax(160px,.8fr) auto;gap:12px;align-items:center}.upstreamRow strong,.upstreamRow span,.upstreamRow small{display:block;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.upstreamRow div>span,.upstreamRow small{color:var(--muted);font-size:12px;margin-top:4px}.upstreamMeta{display:flex;flex-wrap:wrap;gap:7px;align-items:center}.upstreamMeta>span:not(.statusPill){border-radius:999px;padding:4px 8px;background:#f2f6f7;color:#415057;font-size:12px}.upstreamHealth .ok{color:var(--success)}.upstreamHealth .bad{color:var(--warning)}.upstreamActions{display:flex;gap:8px}.dangerBtn{color:var(--danger)}.upstreamEditor{background:#ffffffe6;border:1px solid var(--line);border-radius:8px;padding:14px;align-self:start}.upstreamEditor .control{margin-bottom:14px}.twoCols{display:grid;grid-template-columns:1fr 1fr;gap:10px}.billingStack{display:grid;gap:16px}.profitSummary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.profitSummary>div{min-height:86px;border:1px solid var(--line);border-radius:8px;background:#fff;padding:14px;display:grid;align-content:center;gap:8px}.profitSummary span{color:var(--muted);font-size:12px;font-weight:800}.profitSummary strong{font-size:24px;color:var(--ink)}.usageTable{display:grid;gap:8px}.usageHead,.usageRow{display:grid;grid-template-columns:120px 120px 160px 150px 110px minmax(180px,1fr);gap:10px;align-items:center}.rootUsageTable .usageHead,.rootUsageTable .usageRow{grid-template-columns:104px minmax(150px,1.2fr) 98px 140px 112px 104px 104px 104px minmax(150px,1fr)}.usageHead{color:var(--muted);font-size:12px;font-weight:800;padding:0 10px}.usageRow{min-height:48px;border:1px solid var(--line);border-radius:8px;background:#fff;padding:8px 10px;font-size:13px}.usageRow strong{color:#0f766e}.usageRow .profitGood,.profitSummary .profitGood{color:var(--success)}.usageRow .profitBad,.profitSummary .profitBad{color:var(--danger)}.usageRow span{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.txTable{display:grid;gap:8px}.txHead,.txRow{display:grid;grid-template-columns:110px 170px 110px minmax(180px,1fr) minmax(200px,1.2fr);gap:10px;align-items:center}.txHead{color:var(--muted);font-size:12px;font-weight:800;padding:0 10px}.txRow{min-height:48px;border:1px solid var(--line);border-radius:8px;background:#fff;padding:8px 10px;font-size:13px}.txRow strong{color:#0f766e}.txRow span{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.assetCard{background:#fff;border:1px solid var(--line);border-radius:8px;padding:12px;min-width:0}.assetPreview{height:150px;border-radius:8px;background:#eef4f2;display:grid;place-items:center;overflow:hidden;color:#0f766e;margin-bottom:10px}.assetPreview img{width:100%;height:100%;object-fit:cover}.assetCard strong,.assetCard span{display:block;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.assetCard span{color:var(--muted);font-size:12px;margin-top:5px}.assetActions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}.assetActions button{height:34px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;gap:6px;background:#f2f6f7}.assetActions .assetDelete{grid-column:1 / -1;background:#fff1f2;color:var(--danger)}.inspector{position:sticky;top:0;height:100vh;background:#ffffffd1;border-left:1px solid var(--line);padding:22px 16px}.inspectorHead{display:flex;align-items:center;gap:8px;font-weight:800;margin-bottom:16px}.inspectorStatus{min-height:112px;border-radius:8px;background:#e8f2ff;color:#1d4ed8;display:grid;place-items:center;align-content:center;gap:6px}.inspectorStatus.success{background:#eafaf2;color:var(--success)}.inspectorStatus.danger{background:#fff1f1;color:var(--danger)}.inspectorStatus span{font-size:12px}.inspectorPrompt{color:#415057;line-height:1.65;font-size:13px;max-height:190px;overflow:auto}.drawerOverlay{position:fixed;inset:0;z-index:20;background:#10182052;display:flex;justify-content:flex-end}.settingsDrawer{width:420px;height:100%;background:#fff;box-shadow:var(--shadow);padding:22px}.drawerHead{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.field{margin-bottom:16px}.field input{width:100%}.field small{color:var(--muted);line-height:1.5}.settingsState{min-height:42px;margin:10px 0 16px;border:1px solid var(--line);border-radius:8px;display:flex;align-items:center;gap:8px;padding:0 12px;color:var(--muted)}.pricingGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.toast{position:fixed;right:22px;bottom:22px;min-height:46px;max-width:420px;border-radius:8px;box-shadow:var(--shadow);background:#172026;color:#fff;display:flex;align-items:center;gap:9px;padding:0 15px;z-index:40}.toast.danger{background:#991b1b}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.skeleton{background:linear-gradient(90deg,#f0f2f4 25%,#e0e3e7,#f0f2f4 75%);background-size:1000px 100%;animation:shimmer 2s infinite;border-radius:8px}.skeletonRow{display:grid;grid-template-columns:42px minmax(0,1fr) 34px;gap:10px;align-items:center;padding:11px;background:#fff;border:1px solid var(--line);border-radius:8px;margin-bottom:9px}.skeletonThumb{width:42px;height:42px}.skeletonText{height:16px;margin-bottom:8px}.skeletonTextShort{height:14px;width:60%}@media(max-width:1280px){body{min-width:1024px}body:has(.loginPage){min-width:100%}.appShell{grid-template-columns:220px minmax(660px,1fr)}.inspector{display:none}.studioGrid{grid-template-columns:minmax(0,1fr)}.previewRail{grid-template-columns:1fr 1fr}.accountLayout{grid-template-columns:minmax(0,1fr)}.loginPage{grid-template-columns:minmax(0,1fr);gap:28px;padding:36px}.loginCard{width:min(430px,100%);justify-self:start}}@media(max-width:768px){body{min-width:100%}.appShell{grid-template-columns:1fr}.sidebar{display:none}.main{padding:16px}.studioGrid,.tasksLayout,.accountLayout,.consoleLayout{grid-template-columns:1fr}.loginPage{padding:22px;gap:20px}.loginHero h1{font-size:36px}.loginHero p{font-size:14px}.loginCard{width:100%;padding:20px}}