:root{color-scheme:dark;--bg-base: #07080a;--bg-elevated: #0b0d10;--bg-panel: #101217;--bg-hover: #171a21;--bg-active: #1e232b;--border-subtle: rgba(255, 255, 255, .07);--border-strong: rgba(255, 255, 255, .14);--text-primary: #f4f6f8;--text-secondary: #a7adb7;--text-muted: #6f7784;--accent-primary: #f5c451;--accent-cyan: #58d5e8;--accent-green: #67d391;--accent-red: #ff6b6b;--radius-sm: 6px;--radius-md: 8px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg-base);color:var(--text-primary)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:var(--bg-base)}button,input{font:inherit}button{color:inherit;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}.access-screen{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 50% 0%,rgba(245,196,81,.1),transparent 30%),var(--bg-base)}.access-card{width:min(420px,100%);border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:#101217eb;padding:22px;box-shadow:0 24px 70px #00000057}.access-card h1{margin:18px 0;font-size:22px;letter-spacing:0}.access-card label{display:flex;flex-direction:column;gap:8px;color:var(--text-secondary);font-size:12px}.access-card input,.campaign-name input{height:36px;border-radius:var(--radius-sm);border:1px solid var(--border-subtle);background:#090b0f;color:var(--text-primary);padding:0 10px;outline:none}.access-card .primary{width:100%;margin-top:14px}.access-card p{margin:14px 0 0;color:var(--text-muted);font-size:12px}.app-shell{display:flex;min-height:100vh;background:radial-gradient(circle at 45% -10%,rgba(245,196,81,.08),transparent 32%),var(--bg-base)}.rail{width:56px;border-right:1px solid var(--border-subtle);background:#08090c;display:flex;flex-direction:column;align-items:center;gap:10px;padding:12px 8px}.brand-mark{width:32px;height:32px;display:grid;place-items:center;border-radius:var(--radius-sm);background:var(--accent-primary);color:#111;font-weight:800}.rail-button{width:36px;height:36px;border:0;border-radius:var(--radius-sm);background:transparent;color:var(--text-muted);position:relative}.rail-button.active,.rail-button:hover{background:var(--bg-hover);color:var(--text-primary)}.rail-button.active:before{content:"";position:absolute;left:-8px;top:8px;bottom:8px;width:2px;background:var(--accent-primary);border-radius:2px}.workspace{flex:1;min-width:0;display:flex;flex-direction:column}.topbar{height:56px;border-bottom:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:space-between;padding:0 18px;background:#0b0d10c7;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.topbar h1{font-size:15px;line-height:1.1;margin:0 0 3px;letter-spacing:0}.topbar span,.metric span,.panel-header span{color:var(--text-muted);font-size:12px}.topbar-actions{display:flex;align-items:center;gap:10px}.metric{display:flex;gap:7px;align-items:baseline;font-family:IBM Plex Mono,ui-monospace,monospace;color:var(--text-secondary)}.saved{color:var(--accent-green);font-size:12px;max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.primary,.secondary,.panel-header button,.panel-header .upload-button,.actions-row button{height:32px;border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:var(--bg-hover);padding:0 12px;font-size:12px;display:inline-grid;place-items:center}.primary{background:var(--accent-primary);color:#111;border-color:transparent;font-weight:700}.grid{display:grid;grid-template-columns:minmax(300px,360px) minmax(520px,1fr) minmax(320px,380px);gap:12px;padding:12px;min-height:calc(100vh - 56px)}.panel{background:#101217e0;border:1px solid var(--border-subtle);border-radius:var(--radius-md);overflow:hidden;box-shadow:0 18px 48px #00000047}.panel-header{height:48px;padding:0 14px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border-subtle)}.panel h2{margin:0;font-size:13px;letter-spacing:0}.library{display:flex;flex-direction:column;min-height:0}.segments,.mode-control{display:flex;gap:4px;padding:10px}.segments button,.mode-control button{border:1px solid transparent;background:transparent;color:var(--text-muted);border-radius:var(--radius-sm);min-height:30px;padding:0 10px;font-size:12px}.segments button span{margin-left:6px;color:var(--text-muted)}.segments button.selected,.mode-control button.selected{background:var(--bg-active);color:var(--text-primary);border-color:var(--border-subtle)}.search{margin:0 10px 10px;height:34px;border-radius:var(--radius-sm);border:1px solid var(--border-subtle);background:#090b0f;color:var(--text-primary);padding:0 10px;outline:none}.search:focus{box-shadow:0 0 0 1px #f5c4518c,0 0 0 4px #f5c4511f}.asset-list{display:flex;flex-direction:column;gap:6px;padding:0 10px 12px;overflow:auto}.upload-button{position:relative;cursor:pointer;color:var(--text-primary)}.upload-button input{position:absolute;inset:0;opacity:0;cursor:pointer}.empty-state{padding:14px;color:var(--text-muted);font-size:12px}.asset-row{min-height:58px;display:grid;grid-template-columns:20px 42px minmax(0,1fr) auto;gap:10px;align-items:center;text-align:left;border:1px solid var(--border-subtle);background:#0c0e13;border-radius:var(--radius-md);padding:8px}.asset-row:hover,.asset-row.selected{background:var(--bg-active)}.asset-row.selected{border-left-color:var(--accent-primary)}.select-dot{display:grid;place-items:center}.thumb{width:42px;height:42px;border-radius:var(--radius-sm);background:linear-gradient(135deg,#58d5e847,#f5c45138),#151922}.asset-copy{min-width:0;display:flex;flex-direction:column;gap:4px}.asset-copy strong,td{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.asset-copy strong{font-size:12px}.asset-copy span{color:var(--text-muted);font-size:11px}.asset-row i,.status{font-style:normal;font-size:11px;border-radius:999px;padding:3px 7px;background:#67d3911a;color:var(--accent-green)}.asset-row i.running,.status.running{background:#58d5e81a;color:var(--accent-cyan)}.asset-row i.error,.status.error{background:#ff6b6b1a;color:var(--accent-red)}.matrix{min-width:0;overflow:auto}.matrix .panel-header{position:sticky;top:0;z-index:2;background:#101217f2}.campaign-name input{width:min(240px,40vw);height:30px;font-size:12px}table{width:100%;border-collapse:collapse;table-layout:fixed;font-size:12px}th{height:36px;text-align:left;color:var(--text-muted);font-weight:500;border-bottom:1px solid var(--border-subtle);background:#0c0e13;position:sticky;top:48px}td{height:48px;color:var(--text-secondary);border-bottom:1px solid var(--border-subtle)}th:first-child,td:first-child{width:42px;text-align:center}th,td{padding:0 10px}tr:hover td{background:#ffffff06}.output-actions{display:inline-flex;gap:8px;align-items:center}.output-actions a{color:var(--accent-primary);text-decoration:none;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:4px 8px}.output-actions a:hover{border-color:var(--accent-primary)}.side-stack{display:flex;flex-direction:column;gap:12px;min-width:0}.queue,.inspector{min-height:0}.queue-item{width:100%;padding:12px 14px;border:0;border-bottom:1px solid var(--border-subtle);background:transparent;text-align:left;display:flex;flex-direction:column;gap:10px}.queue-item:hover,.queue-item.selected{background:var(--bg-hover)}.queue-item div:first-child{display:flex;justify-content:space-between;gap:12px;font-size:12px}.queue-item span{color:var(--text-muted)}.progress{height:3px;border-radius:999px;background:#222733;overflow:hidden}.progress span{display:block;height:100%;background:var(--accent-cyan)}.inspector dl{padding:8px 14px;margin:0}.inspector dl div{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid var(--border-subtle)}dt{color:var(--text-muted);font-size:12px}dd{margin:0;font-size:12px;color:var(--text-secondary);text-align:right}.actions-row{display:flex;gap:8px;padding:14px}@media(max-width:1180px){.grid{grid-template-columns:minmax(280px,340px) 1fr}.side-stack{grid-column:1 / -1;display:grid;grid-template-columns:1fr 1fr}}@media(max-width:760px){.app-shell{display:block}.rail{width:100%;height:52px;flex-direction:row;border-right:0;border-bottom:1px solid var(--border-subtle)}.topbar{height:auto;align-items:flex-start;gap:10px;padding:12px;flex-direction:column}.topbar-actions{width:100%;flex-wrap:wrap}.saved{max-width:100%;white-space:normal}.grid{grid-template-columns:1fr;padding:8px}.side-stack{display:flex}table,thead,tbody,tr,th,td{display:block}thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}tr{border-bottom:1px solid var(--border-subtle);padding:8px}td{height:auto;border:0;padding:5px 0;display:flex;justify-content:space-between;gap:12px}td:before{content:attr(data-label);color:var(--text-muted)}.output-actions a{min-height:44px;display:inline-grid;place-items:center}.campaign-name input{width:160px}}