:root{--void: #04060d;--bg: #070b16;--surface: rgba(17, 24, 43, .72);--surface-2: rgba(24, 33, 56, .78);--surface-solid: #111828;--raised: rgba(38, 50, 82, .55);--line: rgba(120, 145, 205, .16);--line-strong: rgba(130, 160, 220, .32);--line-lit: rgba(34, 211, 238, .45);--text: #e8edf9;--text-dim: #9aa8c7;--text-faint: #64748b;--cyan: #22d3ee;--cyan-soft: rgba(34, 211, 238, .14);--violet: #a78bfa;--violet-soft: rgba(167, 139, 250, .14);--magenta: #f472b6;--magenta-soft: rgba(244, 114, 182, .14);--lime: #a3e635;--lime-soft: rgba(163, 230, 53, .14);--amber: #fbbf24;--amber-soft: rgba(251, 191, 36, .14);--red: #fb7185;--red-soft: rgba(251, 113, 133, .14);--ok: #34d399;--ok-soft: rgba(52, 211, 153, .14);--accent: var(--cyan);--accent-soft: var(--cyan-soft);--accent-rgb: 34 211 238;--ease-snap: cubic-bezier(.32, .72, 0, 1);--ease-glide: cubic-bezier(.22, 1, .36, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--t-fast: .14s;--t-mid: .28s;--t-slow: .5s;--gap: 1.1rem;--pad-panel: 1.1rem 1.2rem;--radius: 14px;--radius-sm: 9px;--radius-lg: 20px;--shadow: 0 18px 48px -24px rgba(2, 6, 20, .95);--glow: 0 0 0 1px var(--line-lit), 0 0 24px -6px rgba(34, 211, 238, .5);--font: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Inter, sans-serif;--mono: ui-monospace, "JetBrains Mono", "SF Mono", Menlo, Consolas, monospace;--sidebar-w: 244px;--header-h: 60px;color-scheme:dark;font-family:var(--font)}:root[data-accent=violet]{--accent: var(--violet);--accent-soft: var(--violet-soft);--accent-rgb: 167 139 250;--line-lit: rgba(167, 139, 250, .45)}:root[data-accent=magenta]{--accent: var(--magenta);--accent-soft: var(--magenta-soft);--accent-rgb: 244 114 182;--line-lit: rgba(244, 114, 182, .45)}:root[data-accent=lime]{--accent: var(--lime);--accent-soft: var(--lime-soft);--accent-rgb: 163 230 53;--line-lit: rgba(163, 230, 53, .45)}:root[data-accent=amber]{--accent: var(--amber);--accent-soft: var(--amber-soft);--accent-rgb: 251 191 36;--line-lit: rgba(251, 191, 36, .45)}:root[data-density=compact]{--gap: .75rem;--pad-panel: .75rem .9rem;--header-h: 52px;--sidebar-w: 216px;font-size:14.5px}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-size:15px;line-height:1.55;-webkit-font-smoothing:antialiased;overflow-x:hidden}body:before,body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0}body:before{background:radial-gradient(60rem 40rem at 12% -10%,rgba(34,211,238,.16),transparent 60%),radial-gradient(50rem 36rem at 88% 8%,rgba(167,139,250,.16),transparent 62%),radial-gradient(46rem 34rem at 50% 108%,rgba(244,114,182,.1),transparent 60%),var(--void);animation:drift 26s ease-in-out infinite alternate}body:after{background-image:linear-gradient(rgba(120,150,210,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(120,150,210,.055) 1px,transparent 1px);background-size:46px 46px;-webkit-mask-image:radial-gradient(90rem 60rem at 50% 0%,#000 30%,transparent 85%);mask-image:radial-gradient(90rem 60rem at 50% 0%,#000 30%,transparent 85%)}@keyframes drift{0%{transform:translateZ(0) scale(1)}to{transform:translate3d(0,-2%,0) scale(1.06)}}.shell{position:relative;z-index:1;display:grid;grid-template-columns:var(--sidebar-w) 1fr;min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;gap:1.25rem;padding:1.1rem .9rem;border-right:1px solid var(--line);background:linear-gradient(180deg,#0a0f1ce6,#060a14b8);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.brand{display:flex;align-items:center;gap:.65rem;padding:.35rem .5rem .9rem;border-bottom:1px solid var(--line)}.brand-mark{position:relative;width:34px;height:34px;flex:none;border-radius:10px;background:linear-gradient(140deg,var(--cyan),var(--violet));box-shadow:0 0 22px -4px #22d3eeb3;display:grid;place-items:center;font-family:var(--mono);font-weight:700;font-size:.8rem;color:#04121a}.brand-mark:after{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:13px;border:1px solid rgba(34,211,238,.35);animation:halo 3.6s ease-in-out infinite}@keyframes halo{0%,to{opacity:.25;transform:scale(1)}50%{opacity:.75;transform:scale(1.06)}}.brand-text strong{display:block;font-size:.94rem;letter-spacing:.02em}.brand-text span{display:block;font-family:var(--mono);font-size:.62rem;letter-spacing:.22em;text-transform:uppercase;color:var(--text-faint)}.nav{display:flex;flex-direction:column;gap:.18rem;overflow-y:auto}.nav-group{margin-top:.6rem;padding:0 .55rem .3rem;font-family:var(--mono);font-size:.6rem;letter-spacing:.2em;text-transform:uppercase;color:var(--text-faint)}.nav a{position:relative;display:flex;align-items:center;gap:.6rem;padding:.5rem .6rem;border-radius:var(--radius-sm);color:var(--text-dim);text-decoration:none;font-size:.88rem;transition:color .16s ease,background .16s ease}.nav a:hover{color:var(--text);background:#7896d212}.nav a.active{color:var(--text);background:linear-gradient(90deg,var(--accent-soft),transparent 70%)}.nav a.active:before{content:"";position:absolute;left:-.9rem;top:50%;translate:0 -50%;width:3px;height:60%;border-radius:0 3px 3px 0;background:var(--accent);box-shadow:0 0 12px var(--accent)}.nav-icon{width:18px;flex:none;text-align:center;opacity:.85}.nav-badge{margin-left:auto;min-width:1.35rem;padding:0 .35rem;border-radius:999px;background:var(--amber-soft);border:1px solid rgba(251,191,36,.4);color:var(--amber);font-family:var(--mono);font-size:.68rem;text-align:center}.sidebar-foot{margin-top:auto;display:flex;flex-direction:column;gap:.5rem;padding-top:.8rem;border-top:1px solid var(--line)}.main{display:flex;flex-direction:column;min-width:0}.topbar{position:sticky;top:0;z-index:20;height:var(--header-h);display:flex;align-items:center;gap:1rem;padding:0 1.4rem;border-bottom:1px solid var(--line);background:#070b16b8;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.topbar h1{margin:0;font-size:1rem;font-weight:600;letter-spacing:.01em}.topbar .crumb{font-family:var(--mono);font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;color:var(--text-faint)}.topbar-right{margin-left:auto;display:flex;align-items:center;gap:.8rem}.content{padding:1.5rem 1.4rem 4rem;max-width:1500px;width:100%}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-bottom:1.2rem}.page-head h2{margin:0;font-size:1.45rem;letter-spacing:-.01em}.page-head p{margin:.35rem 0 0;color:var(--text-dim);font-size:.88rem;max-width:62ch}.panel{position:relative;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:var(--pad-panel);margin-bottom:var(--gap);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--shadow)}.panel:before{content:"";position:absolute;inset:0 0 auto;height:1px;border-radius:var(--radius) var(--radius) 0 0;background:linear-gradient(90deg,transparent,rgba(34,211,238,.45),rgba(167,139,250,.35),transparent)}.panel.flush{padding:0;overflow:hidden}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:.8rem;flex-wrap:wrap;margin-bottom:.85rem}.panel-head h3{margin:0;font-size:.95rem;font-weight:600}.panel.flush .panel-head{margin:0;padding:1rem 1.2rem;border-bottom:1px solid var(--line)}.eyebrow{font-family:var(--mono);font-size:.63rem;letter-spacing:.2em;text-transform:uppercase;color:var(--text-faint)}.grid{display:grid;gap:var(--gap)}.grid.cols-2{grid-template-columns:repeat(auto-fit,minmax(min(100%,24rem),1fr))}.grid.cols-3{grid-template-columns:repeat(auto-fit,minmax(min(100%,17rem),1fr))}.grid.cols-4{grid-template-columns:repeat(auto-fit,minmax(min(100%,13rem),1fr))}.stat{position:relative;overflow:hidden;padding:1rem 1.1rem;border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(150deg,var(--surface-2),rgba(10,15,28,.62));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.stat:after{content:"";position:absolute;right:-30%;top:-60%;width:12rem;height:12rem;border-radius:50%;background:var(--tint, var(--cyan-soft));filter:blur(28px);opacity:.75;pointer-events:none}.stat-label{position:relative;font-family:var(--mono);font-size:.64rem;letter-spacing:.18em;text-transform:uppercase;color:var(--text-faint)}.stat-value{position:relative;display:flex;align-items:baseline;gap:.4rem;margin-top:.3rem;font-size:1.9rem;font-weight:650;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.stat-value small{font-size:.85rem;font-weight:500;color:var(--text-dim)}.stat-foot{position:relative;margin-top:.45rem;font-size:.76rem;color:var(--text-dim)}.stat-spark{position:relative;margin-top:.6rem}.badge{display:inline-flex;align-items:center;gap:.35rem;padding:.16rem .55rem;border-radius:999px;border:1px solid var(--line-strong);background:#7896d214;color:var(--text-dim);font-family:var(--mono);font-size:.68rem;letter-spacing:.06em;white-space:nowrap}.badge .dot{width:6px;height:6px;border-radius:50%;background:currentColor;box-shadow:0 0 8px currentColor}.badge.live .dot{animation:pulse 1.6s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.75)}}.badge-queued{color:var(--text-dim)}.badge-running{color:var(--cyan);border-color:#22d3ee6b;background:var(--cyan-soft)}.badge-pending_review{color:var(--amber);border-color:#fbbf246b;background:var(--amber-soft)}.badge-completed{color:var(--ok);border-color:#34d3996b;background:var(--ok-soft)}.badge-failed,.badge-cancelled{color:var(--red);border-color:#fb71856b;background:var(--red-soft)}.badge-budget_exceeded{color:var(--magenta);border-color:#f472b66b;background:var(--magenta-soft)}.chip{display:inline-flex;align-items:center;gap:.3rem;padding:.1rem .5rem;border-radius:6px;border:1px solid var(--line);background:#7896d212;font-family:var(--mono);font-size:.68rem;color:var(--text-dim)}.chip.youtube{color:#ff8a8a;border-color:#ff8a8a4d}.chip.instagram{color:var(--magenta);border-color:#f472b64d}.chip.facebook{color:#7aa7ff;border-color:#7aa7ff4d}.role-admin{color:var(--violet);border-color:#a78bfa66;background:var(--violet-soft)}.role-reviewer{color:var(--cyan);border-color:#22d3ee66;background:var(--cyan-soft)}.role-viewer{color:var(--text-dim)}.rail{display:flex;align-items:stretch;gap:0;list-style:none;margin:.9rem 0 0;padding:0;overflow-x:auto;scrollbar-width:thin}.rail li{position:relative;flex:1 0 auto;min-width:6.2rem;padding:.55rem .7rem .55rem 1.1rem;border-top:1px solid var(--line);border-bottom:1px solid var(--line);border-right:1px solid var(--line);background:#0c122180}.rail li:first-child{border-left:1px solid var(--line);border-radius:var(--radius-sm) 0 0 var(--radius-sm)}.rail li:last-child{border-radius:0 var(--radius-sm) var(--radius-sm) 0}.rail .rail-stage{display:block;font-family:var(--mono);font-size:.68rem;letter-spacing:.04em;color:var(--text-faint);white-space:nowrap}.rail .rail-meta{display:block;font-size:.66rem;color:var(--text-faint);font-variant-numeric:tabular-nums}.rail li:before{content:"";position:absolute;left:.45rem;top:50%;translate:0 -50%;width:7px;height:7px;border-radius:50%;border:1px solid var(--line-strong)}.rail li.done{background:#34d3990f}.rail li.done .rail-stage{color:var(--ok)}.rail li.done:before{background:var(--ok);border-color:var(--ok);box-shadow:0 0 10px #34d399cc}.rail li.active{background:linear-gradient(180deg,var(--cyan-soft),rgba(12,18,33,.4));border-color:#22d3ee66}.rail li.active .rail-stage{color:var(--cyan)}.rail li.active:before{background:var(--cyan);border-color:var(--cyan);box-shadow:0 0 12px var(--cyan);animation:pulse 1.5s ease-in-out infinite}.rail li.active:after{content:"";position:absolute;inset:auto 0 -1px 0;height:2px;background:linear-gradient(90deg,transparent,var(--cyan),transparent);animation:sweep 1.8s linear infinite}@keyframes sweep{0%{transform:translate(-100%)}to{transform:translate(100%)}}.rail li.failed{background:var(--red-soft);border-color:#fb718566}.rail li.failed .rail-stage{color:var(--red)}.rail li.failed:before{background:var(--red);border-color:var(--red)}.rail li.skipped .rail-stage{color:var(--text-faint);text-decoration:line-through}.table-wrap{overflow-x:auto}table.data{width:100%;border-collapse:collapse;font-size:.85rem}table.data th{position:sticky;top:0;z-index:1;text-align:left;padding:.6rem .9rem;background:#0c1221eb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--line);font-family:var(--mono);font-size:.65rem;letter-spacing:.14em;text-transform:uppercase;color:var(--text-faint);font-weight:500;white-space:nowrap}table.data td{padding:.62rem .9rem;border-bottom:1px solid rgba(120,145,205,.09);vertical-align:middle}table.data tbody tr{transition:background .14s ease}table.data tbody tr:hover{background:#7896d20d}table.data tbody tr.clickable{cursor:pointer}table.data a{color:var(--cyan);text-decoration:none}table.data a:hover{text-decoration:underline}td.mono,.mono{font-family:var(--mono);font-variant-numeric:tabular-nums}tr.dim td{opacity:.55}input,select,textarea,button{font:inherit;color:var(--text)}input,select,textarea{width:100%;padding:.5rem .7rem;border-radius:var(--radius-sm);border:1px solid var(--line);background:#060a14b8;transition:border-color .15s ease,box-shadow .15s ease}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--line-lit);box-shadow:0 0 0 3px #22d3ee1f}input::placeholder,textarea::placeholder{color:var(--text-faint)}textarea{min-height:4.5rem;resize:vertical;font-family:inherit}textarea.code{font-family:var(--mono);font-size:.78rem;min-height:7rem}textarea.invalid,input.invalid{border-color:var(--red)}label.field{display:flex;flex-direction:column;gap:.32rem;font-family:var(--mono);font-size:.64rem;letter-spacing:.14em;text-transform:uppercase;color:var(--text-faint)}label.field>input,label.field>select,label.field>textarea{font-family:var(--font);font-size:.88rem;letter-spacing:normal;text-transform:none;color:var(--text)}.form-row{display:flex;flex-wrap:wrap;gap:.75rem;align-items:flex-end}.form-row>*{flex:1 1 12rem;min-width:0}.form-row>.grow-2{flex:2 1 20rem}.form-row>.shrink{flex:0 0 auto}.toggle{display:inline-flex;align-items:center;gap:.45rem;font-size:.82rem;color:var(--text-dim);cursor:pointer;-webkit-user-select:none;user-select:none}.toggle input{width:auto;accent-color:var(--cyan)}button{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.48rem .9rem;border-radius:var(--radius-sm);border:1px solid var(--line-strong);background:#7896d214;color:var(--text);font-size:.85rem;cursor:pointer;white-space:nowrap;transition:background .15s ease,border-color .15s ease,transform .1s ease}button:hover:not(:disabled){background:#7896d229;border-color:var(--line-lit)}button:active:not(:disabled){transform:translateY(1px)}button:disabled{opacity:.45;cursor:not-allowed}button.primary{border-color:transparent;background:linear-gradient(120deg,var(--cyan),var(--violet));color:#04121a;font-weight:600;box-shadow:0 0 22px -8px #22d3eee6}button.primary:hover:not(:disabled){filter:brightness(1.08)}button.approve{color:var(--ok);border-color:#34d39973;background:var(--ok-soft)}button.reject{color:var(--red);border-color:#fb718573;background:var(--red-soft)}button.ghost{border-color:transparent;background:transparent;color:var(--text-dim)}button.ghost:hover:not(:disabled){color:var(--text);background:#7896d21a}button.tiny{padding:.26rem .55rem;font-size:.75rem}.actions{display:flex;flex-wrap:wrap;gap:.5rem}.segmented{display:inline-flex;padding:3px;gap:2px;border:1px solid var(--line);border-radius:10px;background:#060a1499}.segmented button{border:none;background:transparent;padding:.3rem .65rem;border-radius:7px;font-family:var(--mono);font-size:.72rem;color:var(--text-dim)}.segmented button.on{background:var(--accent-soft);color:var(--cyan);box-shadow:inset 0 0 0 1px #22d3ee59}.filters{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center}.filters select,.filters input{width:auto;min-width:8rem;padding:.36rem .6rem;font-size:.82rem}.search{position:relative;flex:1 1 16rem}.search input{width:100%;padding-left:2rem}.search:before{content:"⌕";position:absolute;left:.7rem;top:50%;translate:0 -50%;color:var(--text-faint);font-size:.95rem}.timeline{position:relative;list-style:none;margin:0;padding:0 0 0 1.35rem}.timeline:before{content:"";position:absolute;left:5px;top:.5rem;bottom:.5rem;width:1px;background:linear-gradient(180deg,transparent,var(--line-strong) 12%,var(--line-strong) 88%,transparent)}.timeline li{position:relative;padding:.4rem 0 .7rem}.timeline li:before{content:"";position:absolute;left:-1.35rem;top:.75rem;width:11px;height:11px;border-radius:50%;background:var(--surface-solid);border:2px solid var(--line-strong)}.timeline li.success:before{border-color:var(--ok);box-shadow:0 0 10px #34d3998c}.timeline li.error:before{border-color:var(--red);box-shadow:0 0 10px #fb71858c}.timeline li.warning:before{border-color:var(--amber);box-shadow:0 0 10px #fbbf2480}.timeline li.info:before{border-color:var(--cyan)}.timeline .tl-head{display:flex;align-items:baseline;gap:.55rem;flex-wrap:wrap}.timeline .tl-stage{font-family:var(--mono);font-size:.74rem;letter-spacing:.1em;text-transform:uppercase;color:var(--text)}.timeline .tl-time,.timeline .tl-dur{font-family:var(--mono);font-size:.7rem;color:var(--text-faint);font-variant-numeric:tabular-nums}.timeline .tl-msg{margin-top:.15rem;font-size:.84rem;color:var(--text-dim)}.timeline .tl-detail{margin-top:.35rem;display:flex;flex-wrap:wrap;gap:.35rem}.feed{list-style:none;margin:0;padding:0;max-height:26rem;overflow-y:auto}.feed li{display:flex;gap:.6rem;align-items:flex-start;padding:.5rem 0;border-bottom:1px solid rgba(120,145,205,.08);font-size:.83rem}.feed li:last-child{border-bottom:none}.feed .feed-dot{margin-top:.42rem;width:7px;height:7px;flex:none;border-radius:50%;background:var(--text-faint)}.feed li.success .feed-dot{background:var(--ok);box-shadow:0 0 8px var(--ok)}.feed li.error .feed-dot{background:var(--red);box-shadow:0 0 8px var(--red)}.feed li.warning .feed-dot{background:var(--amber);box-shadow:0 0 8px var(--amber)}.feed li.info .feed-dot{background:var(--cyan)}.feed .feed-body{min-width:0;flex:1}.feed .feed-title{color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.feed .feed-sub{color:var(--text-faint);font-family:var(--mono);font-size:.7rem}.chart{width:100%;overflow:visible}.chart .axis{stroke:#7891cd29;stroke-width:1}.chart .grid-line{stroke:#7891cd17;stroke-width:1;stroke-dasharray:3 5}.chart text{fill:var(--text-faint);font-family:var(--mono);font-size:9px}.legend{display:flex;flex-wrap:wrap;gap:.9rem;font-family:var(--mono);font-size:.7rem;color:var(--text-dim)}.legend span{display:inline-flex;align-items:center;gap:.35rem}.legend i{width:9px;height:9px;border-radius:2px;display:inline-block}.meter{height:6px;border-radius:999px;background:#7896d21f;overflow:hidden}.meter>span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--cyan),var(--violet));transition:width .4s ease}.meter.warn>span{background:linear-gradient(90deg,var(--amber),var(--magenta))}.meter.bad>span{background:linear-gradient(90deg,var(--red),var(--magenta))}.muted{color:var(--text-dim);font-size:.86rem}.faint{color:var(--text-faint)}.error-text{color:var(--red);font-size:.85rem}.notice{display:flex;align-items:flex-start;gap:.6rem;padding:.7rem .9rem;border-radius:var(--radius-sm);border:1px solid rgba(251,191,36,.35);background:var(--amber-soft);color:var(--amber);font-size:.85rem;margin-bottom:1.1rem}.notice.danger{border-color:#fb718559;background:var(--red-soft);color:var(--red)}.notice a,.notice button{color:inherit}pre.script{margin:0;padding:.9rem 1rem;border-radius:var(--radius-sm);border:1px solid var(--line);background:#04070fbf;font-family:var(--mono);font-size:.8rem;line-height:1.65;white-space:pre-wrap;overflow-x:auto;max-height:30rem}code.url{font-family:var(--mono);font-size:.76rem;color:var(--text-dim);word-break:break-all}.asset-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.45rem}.asset-list li{display:flex;align-items:center;gap:.6rem;padding:.5rem .7rem;border:1px solid var(--line);border-radius:var(--radius-sm);background:#0a0f1c80;font-size:.82rem}.asset-index{font-family:var(--mono);font-size:.7rem;color:var(--cyan);flex:none}.thumbs{display:grid;grid-template-columns:repeat(auto-fill,minmax(9.5rem,1fr));gap:.7rem}.thumb{position:relative;padding:.55rem;border:1px solid var(--line);border-radius:var(--radius-sm);background:#0a0f1c8c;cursor:pointer;text-align:left;width:100%;flex-direction:column;align-items:stretch;gap:.4rem}.thumb .frame{aspect-ratio:16 / 9;border-radius:6px;background:linear-gradient(135deg,#22d3ee2e,#a78bfa2e),repeating-linear-gradient(45deg,rgba(255,255,255,.03) 0 6px,transparent 6px 12px);display:grid;place-items:center;font-family:var(--mono);font-size:.65rem;color:var(--text-dim)}.thumb.selected{border-color:var(--line-lit);box-shadow:var(--glow)}.qa-list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.4rem}.qa-list li{display:inline-flex;align-items:center;gap:.35rem;padding:.2rem .55rem;border-radius:999px;border:1px solid var(--line);font-family:var(--mono);font-size:.7rem}.qa-list li.pass{color:var(--ok);border-color:#34d39959;background:var(--ok-soft)}.qa-list li.fail{color:var(--red);border-color:#fb718559;background:var(--red-soft)}.tabs{display:flex;gap:.2rem;border-bottom:1px solid var(--line);margin-bottom:1.1rem;overflow-x:auto}.tabs button{border:none;background:none;border-radius:0;padding:.55rem .9rem;color:var(--text-dim);border-bottom:2px solid transparent;font-size:.86rem}.tabs button.on{color:var(--text);border-bottom-color:var(--cyan)}.tabs button:hover:not(.on){background:#7896d20f}.empty{padding:1.4rem 1rem;text-align:center;color:var(--text-faint)}.empty .empty-mark{font-size:1.6rem;opacity:.5}.skeleton{border-radius:var(--radius-sm);background:linear-gradient(90deg,#7896d212,#7896d226,#7896d212);background-size:200% 100%;animation:shimmer 1.3s linear infinite}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.pager{display:flex;align-items:center;justify-content:space-between;gap:.8rem;padding:.8rem 1.2rem;border-top:1px solid var(--line);font-family:var(--mono);font-size:.74rem;color:var(--text-faint)}.auth-screen{position:relative;z-index:1;min-height:100vh;display:grid;place-items:center;padding:2rem 1.2rem}.auth-card{width:min(100%,25rem);padding:2rem 1.9rem;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:var(--shadow);position:relative;overflow:hidden}.auth-card:before{content:"";position:absolute;inset:0 0 auto;height:1px;background:linear-gradient(90deg,transparent,var(--cyan),var(--violet),transparent)}.auth-card h1{margin:1rem 0 .2rem;font-size:1.3rem}.auth-card .sub{margin:0 0 1.4rem;color:var(--text-dim);font-size:.86rem}.auth-card form{display:flex;flex-direction:column;gap:.85rem}.auth-hint{margin-top:1.2rem;padding:.65rem .8rem;border-radius:var(--radius-sm);border:1px dashed var(--line-strong);font-family:var(--mono);font-size:.72rem;color:var(--text-dim);line-height:1.7}.user-chip{display:flex;align-items:center;gap:.55rem;padding:.3rem .55rem;border-radius:999px;border:1px solid var(--line);background:#7896d20f;cursor:pointer}.avatar{width:26px;height:26px;flex:none;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--violet),var(--cyan));color:#06111a;font-size:.72rem;font-weight:700}.user-menu{position:absolute;top:calc(var(--header-h) - 6px);right:1.4rem;z-index:40;min-width:13rem;padding:.5rem;border:1px solid var(--line);border-radius:var(--radius);background:#0c1221f7;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:var(--shadow)}.user-menu .who{padding:.4rem .55rem .6rem;border-bottom:1px solid var(--line);margin-bottom:.35rem}.user-menu button{width:100%;justify-content:flex-start;border:none;background:none}.toast-stack{position:fixed;right:1.2rem;bottom:1.2rem;z-index:100;display:flex;flex-direction:column;gap:.55rem;max-width:min(92vw,24rem)}.toast{display:flex;align-items:flex-start;gap:.6rem;padding:.7rem .9rem;border-radius:var(--radius-sm);border:1px solid var(--line-strong);background:#0c1221f5;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--shadow);font-size:.84rem;animation:toast-in .22s ease}.toast.success{border-color:#34d39973}.toast.error{border-color:#fb718573}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media (max-width: 960px){.shell{grid-template-columns:1fr}.sidebar{position:static;height:auto;flex-direction:row;align-items:center;gap:.8rem;overflow-x:auto;border-right:none;border-bottom:1px solid var(--line)}.brand{border-bottom:none;border-right:1px solid var(--line);padding:0 .8rem 0 .3rem}.nav{flex-direction:row;align-items:center}.nav-group,.sidebar-foot{display:none}.nav a.active:before{display:none}.content{padding:1.1rem 1rem 3rem}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{border-radius:999px;border:3px solid transparent;background-clip:content-box;background-color:#7896d247}::-webkit-scrollbar-thumb:hover{background-color:#7896d273}.error-boundary{border-color:#fb718566}.error-boundary h2{margin:0 0 .5rem;font-size:1rem;color:var(--red)}.error-boundary .muted{margin:0 0 .85rem;max-width:62ch}.error-detail{font-family:var(--mono);font-size:.78rem;line-height:1.55;color:var(--text-dim);background:var(--void);border:1px solid var(--line);border-radius:var(--radius-sm);padding:.7rem .85rem;margin:0 0 .95rem;overflow-x:auto;white-space:pre-wrap;word-break:break-word}.error-actions{display:flex;flex-wrap:wrap;gap:.6rem}.backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;overflow:hidden;contain:strict}.backdrop>*{position:absolute;top:0;right:0;bottom:0;left:0}.bd-stars{background-image:radial-gradient(1px 1px at 20% 30%,rgba(220,240,255,.75),transparent),radial-gradient(1px 1px at 70% 65%,rgba(190,220,255,.55),transparent),radial-gradient(1.6px 1.6px at 45% 82%,rgba(255,255,255,.5),transparent),radial-gradient(1px 1px at 88% 18%,rgba(200,230,255,.5),transparent);background-size:340px 340px;opacity:.5;animation:stars 140s linear infinite}@keyframes stars{to{background-position:340px 680px,-340px 340px,340px -340px,-680px 340px}}.bd-beam{background:linear-gradient(100deg,transparent 42%,rgba(var(--accent-rgb) / .07) 50%,transparent 58%);animation:beam 34s ease-in-out infinite}@keyframes beam{0%,to{transform:translate3d(-35%,0,0);opacity:0}35%,65%{opacity:1}50%{transform:translate3d(35%,0,0)}}.bd-scan{background-image:repeating-linear-gradient(0deg,rgba(4,8,18,.3) 0 1px,transparent 1px 3px);opacity:.35}.bd-vignette{background:radial-gradient(120% 90% at 50% 40%,transparent 45%,rgba(2,4,12,.72))}:root[data-ambience=off] .backdrop,:root[data-ambience=off] body:before,:root[data-ambience=off] body:after{display:none}:root[data-ambience=off] body{background:var(--void)}:where(a,button,input,select,textarea,[tabindex]):focus-visible{outline:2px solid rgb(var(--accent-rgb) / .9);outline-offset:2px;border-radius:var(--radius-sm)}.panel,.stat,.run-card,.auth-card{--mx: 50%;--my: 0%}.panel>*,.stat>*,.run-card>*{position:relative;z-index:1}.panel:after,.stat:before,.run-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;border-radius:inherit;pointer-events:none;opacity:0;transition:opacity var(--t-slow) var(--ease-glide);background:radial-gradient(22rem 22rem at var(--mx) var(--my),rgb(var(--accent-rgb) / .13),transparent 65%)}.panel.lit:after,.stat.lit:before,.run-card.lit:after{opacity:1}.stat:after{z-index:0}.stat{transition:border-color var(--t-mid) var(--ease-snap),transform var(--t-mid) var(--ease-glide)}.stat.lit{border-color:rgb(var(--accent-rgb) / .38);transform:translateY(-2px)}.stat-label:before{content:"";position:absolute;left:-.35rem;top:.15rem;width:2px;height:.72rem;border-radius:2px;background:var(--accent);box-shadow:0 0 8px var(--accent)}.tabular{font-variant-numeric:tabular-nums}.route-enter{animation:route-in .34s var(--ease-glide) both}@keyframes route-in{0%{opacity:0;transform:translate3d(0,10px,0)}to{opacity:1;transform:none}}.route-enter>*{animation:route-in .4s var(--ease-glide) both}.route-enter>*:nth-child(1){animation-delay:.02s}.route-enter>*:nth-child(2){animation-delay:.06s}.route-enter>*:nth-child(3){animation-delay:.1s}.route-enter>*:nth-child(4){animation-delay:.14s}.route-enter>*:nth-child(5){animation-delay:.18s}.route-enter>*:nth-child(n+6){animation-delay:.22s}.topbar{transition:background var(--t-mid) var(--ease-snap),box-shadow var(--t-mid) var(--ease-snap),border-color var(--t-mid) var(--ease-snap)}.topbar[data-scrolled=true]{background:#050811e0;border-bottom-color:var(--line-strong);box-shadow:0 12px 32px -28px #000}.topbar:after{content:"";position:absolute;inset:auto 0 -1px 0;height:1px;background:linear-gradient(90deg,transparent,rgb(var(--accent-rgb) / .55),transparent);opacity:0;transition:opacity var(--t-mid) var(--ease-snap)}.topbar[data-scrolled=true]:after{opacity:1}.clock{font-family:var(--mono);font-size:.72rem;letter-spacing:.12em;color:var(--text-dim);font-variant-numeric:tabular-nums;white-space:nowrap}.clock small{color:var(--text-faint);margin-left:.3rem;letter-spacing:.18em}.palette-trigger{display:inline-flex;align-items:center;gap:.5rem;min-width:13rem;padding:.34rem .4rem .34rem .7rem;border-radius:999px;border:1px solid var(--line);background:#060a1499;color:var(--text-faint);font-size:.8rem}.palette-trigger:hover:not(:disabled){border-color:var(--line-lit);color:var(--text-dim);background:#060a14cc}.palette-trigger .spacer{flex:1}kbd{display:inline-flex;align-items:center;justify-content:center;min-width:1.4rem;padding:.05rem .32rem;border-radius:5px;border:1px solid var(--line-strong);border-bottom-width:2px;background:#7896d217;font-family:var(--mono);font-size:.68rem;color:var(--text-dim);line-height:1.5}.shell{transition:grid-template-columns var(--t-mid) var(--ease-glide)}.shell.railed{grid-template-columns:62px 1fr}.shell.railed .brand-text,.shell.railed .nav a span:not(.nav-icon):not(.nav-badge),.shell.railed .nav-group,.shell.railed .sidebar-foot .eyebrow,.shell.railed .service-light .faint{display:none}.shell.railed .sidebar{padding:1.1rem .5rem;align-items:center}.shell.railed .nav a{justify-content:center;padding:.55rem 0}.shell.railed .nav-badge{position:absolute;top:.15rem;right:.1rem;margin:0;min-width:1rem;font-size:.6rem}.shell.railed .brand{justify-content:center;padding:.35rem 0 .9rem}.rail-toggle{width:100%;justify-content:center;padding:.3rem;border:1px dashed var(--line);background:transparent;color:var(--text-faint);font-family:var(--mono);font-size:.68rem;letter-spacing:.14em}.rail-toggle:hover:not(:disabled){color:var(--accent);border-color:var(--line-lit);background:transparent}.service-light{display:flex;align-items:center;gap:.4rem;font-family:var(--mono);font-size:.7rem}.nav a{overflow:hidden}.nav a:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;translate:-100% 0;background:linear-gradient(90deg,transparent,rgb(var(--accent-rgb) / .16),transparent);transition:translate var(--t-slow) var(--ease-glide)}.nav a:hover:after{translate:100% 0}.nav a.active{background:linear-gradient(90deg,var(--accent-soft),transparent 70%);box-shadow:inset 0 0 0 1px rgb(var(--accent-rgb) / .18)}button{position:relative;overflow:hidden}button.primary:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;translate:-120% 0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.38),transparent);transition:translate .6s var(--ease-glide)}button.primary:hover:not(:disabled):after{translate:120% 0}button.primary{background-size:160% 160%;animation:primary-drift 9s ease-in-out infinite alternate}@keyframes primary-drift{0%{background-position:0% 50%}to{background-position:100% 50%}}.palette-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:grid;place-items:start center;padding:12vh 1rem 1rem;background:#03060e9e;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:fade-in .16s ease both}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.palette{width:min(100%,40rem);max-height:68vh;display:flex;flex-direction:column;border:1px solid var(--line-strong);border-radius:var(--radius-lg);background:#0b101ef0;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);box-shadow:0 40px 90px -40px #000,0 0 0 1px rgb(var(--accent-rgb) / .12),0 0 60px -30px rgb(var(--accent-rgb) / .7);overflow:hidden;animation:palette-in .22s var(--ease-spring) both}@keyframes palette-in{0%{opacity:0;transform:translateY(-10px) scale(.985)}to{opacity:1;transform:none}}.palette-input{display:flex;align-items:center;gap:.7rem;padding:.9rem 1rem;border-bottom:1px solid var(--line)}.palette-input input{flex:1;border:none;background:transparent;padding:0;font-size:1rem}.palette-input input:focus{outline:none;box-shadow:none}.palette-prompt{color:var(--accent);font-family:var(--mono);font-size:.95rem;text-shadow:0 0 12px var(--accent)}.palette-list{overflow-y:auto;padding:.4rem;scrollbar-width:thin}.palette-group{padding:.6rem .65rem .25rem;font-family:var(--mono);font-size:.6rem;letter-spacing:.2em;text-transform:uppercase;color:var(--text-faint)}.palette-row{width:100%;justify-content:flex-start;gap:.65rem;padding:.5rem .65rem;border:1px solid transparent;background:transparent;border-radius:var(--radius-sm);text-align:left;transition:none}.palette-row[data-active=true]{background:rgb(var(--accent-rgb) / .12);border-color:rgb(var(--accent-rgb) / .35)}.palette-icon{width:1.1rem;flex:none;text-align:center;color:var(--accent);opacity:.85}.palette-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.palette-hint{flex:none;font-family:var(--mono);font-size:.7rem;color:var(--text-faint)}.palette-empty{padding:1.6rem 1rem;text-align:center;color:var(--text-faint);font-size:.86rem}.palette-foot{display:flex;gap:1.1rem;padding:.55rem 1rem;border-top:1px solid var(--line);background:#060a1480;font-size:.72rem;color:var(--text-faint)}.palette-foot span{display:inline-flex;align-items:center;gap:.3rem}.run-strip{display:grid;gap:var(--gap);grid-template-columns:repeat(auto-fill,minmax(min(100%,19rem),1fr));margin-bottom:var(--gap)}.run-card{position:relative;display:block;overflow:hidden;padding:.9rem 1rem;border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(155deg,var(--surface-2),rgba(9,14,26,.72));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:inherit;text-decoration:none;transition:transform var(--t-mid) var(--ease-glide),border-color var(--t-mid) var(--ease-snap)}.run-card:hover{transform:translateY(-3px);border-color:rgb(var(--accent-rgb) / .4)}.run-card-title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-top:.55rem;font-size:.94rem;font-weight:600;line-height:1.35}.run-card-meta{display:flex;align-items:center;gap:.45rem;flex-wrap:wrap;margin-top:.55rem;font-family:var(--mono);font-size:.7rem;color:var(--text-faint)}.run-card-progress{position:relative;height:3px;margin-top:.7rem;border-radius:999px;background:#7896d224;overflow:hidden}.run-card-progress>span{position:absolute;inset:0 auto 0 0;border-radius:inherit;background:linear-gradient(90deg,var(--accent),var(--violet));box-shadow:0 0 12px rgb(var(--accent-rgb) / .8);transition:width var(--t-slow) var(--ease-glide)}.run-card-progress.live:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.6),transparent);animation:sweep 2.2s linear infinite}.gauge-value{fill:var(--text);font-size:1.55rem;font-weight:650;font-variant-numeric:tabular-nums}.gauge-unit{fill:var(--text-dim);font-size:.85rem}.gauge-label{fill:var(--text-faint);font-family:var(--mono);font-size:.6rem;letter-spacing:.16em;text-transform:uppercase}.gauge-arc{transition:stroke-dasharray var(--t-slow) var(--ease-glide)}.spark-head{animation:pulse 2.4s ease-in-out infinite}.auth-rings{position:absolute;top:-30vmin;right:-30vmin;bottom:-30vmin;left:-30vmin;pointer-events:none;display:grid;place-items:center}.auth-rings i{position:absolute;border-radius:50%;border:1px solid rgb(var(--accent-rgb) / .16)}.auth-rings i:nth-child(1){width:42vmin;height:42vmin;border-style:dashed;animation:spin 44s linear infinite}.auth-rings i:nth-child(2){width:62vmin;height:62vmin;border-color:#a78bfa24;animation:spin 72s linear infinite reverse}.auth-rings i:nth-child(3){width:86vmin;height:86vmin;border-color:#f472b61a;animation:spin 110s linear infinite}@keyframes spin{to{rotate:360deg}}.auth-card{z-index:1;transition:border-color var(--t-mid) var(--ease-snap)}.auth-card.lit{border-color:rgb(var(--accent-rgb) / .4)}.auth-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;opacity:0;transition:opacity var(--t-slow) var(--ease-glide);background:radial-gradient(18rem 18rem at var(--mx) var(--my),rgb(var(--accent-rgb) / .12),transparent 65%)}.auth-card.lit:after{opacity:1}.auth-card>*{position:relative;z-index:1}.swatches{display:flex;gap:.35rem;padding:.15rem .55rem .5rem}.swatches .swatch{width:1.15rem;height:1.15rem;min-width:0;flex:none;padding:0;border-radius:50%;border:1px solid var(--line-strong);cursor:pointer}.swatches .swatch[aria-pressed=true]{box-shadow:0 0 0 2px var(--surface-solid),0 0 0 3px currentColor}.stat-value:has(.gauge){display:block;margin-top:.15rem}.stat-value .gauge{display:block;margin:0 auto}@media (max-width: 960px){.shell.railed{grid-template-columns:1fr}.shell.railed .brand-text,.shell.railed .nav a span:not(.nav-icon):not(.nav-badge){display:revert}.rail-toggle,.clock{display:none}.palette-trigger{min-width:0}.palette-trigger .label,.palette-trigger .spacer{display:none}.palette-backdrop{padding-top:6vh}}@media (prefers-reduced-motion: reduce){.bd-stars,.bd-beam,.spark-head,.run-card-progress.live:after,button.primary,.auth-rings i{animation:none!important}.route-enter,.route-enter>*,.palette,.palette-backdrop{animation:none!important}.nav a:after,button.primary:after{display:none}.run-card:hover,.stat.lit{transform:none}}.tabs button{position:relative}.tabs button:after{content:"";position:absolute;inset:auto .35rem -1px;height:2px;border-radius:2px 2px 0 0;background:var(--accent);box-shadow:0 0 10px var(--accent);scale:0 1;transition:scale var(--t-mid) var(--ease-glide)}.tabs button.on:after{scale:1 1}.toast{position:relative;overflow:hidden;cursor:pointer;padding-bottom:.85rem}.toast-icon{flex:none;text-shadow:0 0 10px currentColor}.toast.success .toast-icon{color:var(--ok)}.toast.error .toast-icon{color:var(--red)}.toast-life{position:absolute;inset:auto 0 0 0;height:2px;transform-origin:left;background:linear-gradient(90deg,var(--accent),var(--violet));animation:drain linear forwards}@keyframes drain{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.empty .empty-mark{display:inline-grid;place-items:center;width:2.6rem;height:2.6rem;margin-bottom:.2rem;border-radius:50%;border:1px dashed var(--line-strong);color:var(--accent);animation:breathe 4.5s ease-in-out infinite}@keyframes breathe{0%,to{opacity:.4;box-shadow:0 0 rgb(var(--accent-rgb) / .18)}50%{opacity:.85;box-shadow:0 0 0 7px rgb(var(--accent-rgb) / 0)}}.thumb{transition:transform var(--t-mid) var(--ease-glide),border-color var(--t-mid) var(--ease-snap)}.thumb:hover{transform:translateY(-2px);border-color:var(--line-lit)}.thumb.selected{border-color:rgb(var(--accent-rgb) / .75);box-shadow:0 0 0 1px rgb(var(--accent-rgb) / .45),0 0 26px -8px rgb(var(--accent-rgb) / .9)}.qa-list li.fail{animation:fail-pulse 2.8s ease-in-out infinite}@keyframes fail-pulse{0%,to{box-shadow:0 0 #fb718500}50%{box-shadow:0 0 14px -4px #fb7185e6}}.panel:has(>.form-row){border-color:rgb(var(--accent-rgb) / .22)}@media (prefers-reduced-motion: reduce){.empty .empty-mark,.qa-list li.fail,.toast-life{animation:none}.thumb:hover{transform:none}}