:root{--bg-base: #080c14;--bg-surface-1: #0d1220;--bg-surface-2: #111827;--bg-surface-3: #172033;--bg-sidebar: #0a0e1a;--text-primary: #f0f4f8;--text-secondary: #94a3b8;--text-muted: #64748b;--accent: #8b5cf6;--accent-2: #6366f1;--accent-3: #3b82f6;--success: #10b981;--warning: #f59e0b;--danger: #ef4444;--border-default: rgba(255,255,255,.07);--border-strong: rgba(255,255,255,.12);--gradient-accent: linear-gradient(135deg, #8b5cf6, #6366f1, #3b82f6);color:var(--text-primary);background:var(--bg-base);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,pre,select,textarea{font:inherit}.shell{background:radial-gradient(circle at 20% 0%,rgba(139,92,246,.16),transparent 32%),radial-gradient(circle at 90% 10%,rgba(59,130,246,.12),transparent 28%),var(--bg-base);display:grid;grid-template-columns:280px minmax(0,1fr);min-height:100vh}.sidebar{background:linear-gradient(180deg,#080c18,#0a0f1e);border-right:1px solid rgba(139,92,246,.12);padding:24px 16px}.sidebar-brand{border-bottom:1px solid var(--border-default);padding:0 8px 20px}.sidebar-brand h2,h1,h2,h3,p{margin:0}.sidebar-brand h2{font-size:18px;letter-spacing:0}.sidebar-brand p,.topbar p,.empty,.run span{color:var(--text-secondary)}.side-nav{display:grid;gap:8px;padding-top:20px}.nav-group{color:var(--text-muted);font-size:11px;font-weight:800;padding:14px 10px 4px;text-transform:uppercase}.nav-item{background:transparent;border:1px solid transparent;border-radius:8px;color:var(--text-secondary);cursor:pointer;font-weight:700;min-height:40px;padding:10px 12px;text-align:left}.nav-item.active{background:linear-gradient(135deg,#8b5cf63d,#3b82f629);border-color:#8b5cf64d;color:var(--text-primary)}.nav-item.muted{color:#526176;cursor:default}.content{min-width:0;padding:24px}.topbar{align-items:flex-end;display:flex;justify-content:space-between;gap:24px;margin:0 auto 20px;max-width:1280px}h1{font-size:30px;line-height:1.1}h2{font-size:18px}h3{font-size:15px}.status{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.status span,.principal,.run code{background:#111827db;border:1px solid var(--border-strong);border-radius:999px;color:var(--text-secondary);padding:7px 11px}.panel{background:#0d1220db;border:1px solid var(--border-default);border-radius:10px;box-shadow:0 8px 40px #00000057}.auth-panel{align-items:end;display:grid;gap:12px;grid-template-columns:minmax(240px,1fr) auto auto;margin:0 auto 20px;max-width:1280px;padding:16px}.auth-panel.service-auth{grid-template-columns:auto minmax(240px,1fr) auto auto}.auth-mode{background:#0b1020;border:1px solid var(--border-strong);border-radius:8px;display:flex;padding:4px}.auth-mode button{background:transparent;color:var(--text-secondary);min-height:34px;padding:7px 10px}.auth-mode button.active{background:var(--gradient-accent);color:#fff}.access-state{background:#0b1020;border:1px solid var(--border-strong);border-radius:8px;display:grid;gap:3px;min-height:61px;padding:10px 12px}.access-state span{color:var(--text-secondary);font-size:13px;font-weight:700}.access-state strong{color:var(--text-primary);font-size:15px}.metric-grid{display:grid;gap:14px;grid-template-columns:repeat(4,minmax(160px,1fr));margin:0 auto 20px;max-width:1280px}.metric-grid.compact{margin:0;max-width:none}.metric-card{border:1px solid rgba(255,255,255,.12);border-radius:12px;box-shadow:0 8px 34px #0000004d;display:grid;gap:10px;min-height:98px;padding:16px}.metric-card span{color:#ffffffb8;font-size:12px;font-weight:800;text-transform:uppercase}.metric-card strong{color:#fff;font-size:20px;overflow-wrap:anywhere}.metric-card.purple{background:linear-gradient(135deg,#5b21b6,#7c3aed 52%,#8b5cf6)}.metric-card.blue{background:linear-gradient(135deg,#1e40af,#3b82f6 54%,#60a5fa)}.metric-card.teal{background:linear-gradient(135deg,#0f766e,#14b8a6 52%,#2dd4bf)}.metric-card.green{background:linear-gradient(135deg,#15803d,#22c55e 54%,#4ade80)}label{color:var(--text-secondary);display:grid;gap:6px;font-size:13px;font-weight:700}input,select,textarea{background:#0b1020;border:1px solid var(--border-strong);border-radius:8px;color:var(--text-primary);padding:10px 12px;width:100%}textarea{resize:vertical}button{background:var(--gradient-accent);border:0;border-radius:8px;color:#fff;cursor:pointer;font-weight:800;min-height:40px;padding:10px 14px}button:disabled{background:#334155;color:#94a3b8;cursor:progress}.workspace{display:grid;gap:20px;grid-template-columns:minmax(300px,420px) minmax(320px,1fr) minmax(320px,420px);margin:0 auto;max-width:1280px}.workspace.two-column{grid-template-columns:minmax(320px,1fr) minmax(320px,1fr)}.studio-form,.runs,.run-detail,.single-panel{display:grid;gap:14px;padding:18px}.single-panel{margin:0 auto;max-width:1280px}.provider-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.provider{border:1px solid var(--border-default);border-radius:8px;display:grid;gap:8px;padding:12px}.provider pre,.asset-preview{background:#050814;border:1px solid var(--border-default);border-radius:8px;color:#dbeafe;margin:0;overflow:auto;padding:12px;white-space:pre-wrap}.run{align-items:center;border-bottom:1px solid var(--border-default);display:flex;gap:16px;justify-content:space-between;padding:12px 0}.run.selected{background:#8b5cf61f;border-radius:8px;margin:0 -10px;padding:12px 10px}.run-select{background:transparent;color:var(--text-primary);display:grid;gap:4px;justify-items:start;min-height:auto;padding:0;text-align:left}.run-select:hover{color:#a78bfa}.run-detail dl,.single-panel dl{display:grid;gap:10px;margin:0}.run-detail dl div,.single-panel dl div{display:grid;gap:2px}.run-detail dt,.single-panel dt{color:var(--text-muted);font-size:12px;font-weight:800;text-transform:uppercase}.run-detail dd,.single-panel dd{color:var(--text-primary);margin:0;overflow-wrap:anywhere}.actions{display:flex;gap:10px}.mini-toolbar{align-items:end;display:grid;gap:12px;grid-template-columns:repeat(3,minmax(120px,180px))}.data-list{display:grid;gap:10px}.data-row{align-items:center;background:#0b1020;border:1px solid var(--border-default);border-radius:8px;color:var(--text-primary);display:flex;gap:14px;justify-content:space-between;padding:12px;text-align:left}.data-row.clickable{cursor:pointer;width:100%}.data-row div{display:grid;gap:4px}.data-row span{color:var(--text-secondary);font-size:13px}.data-row code{color:var(--text-muted);white-space:nowrap}.actions button:last-child{background:#334155}.asset-row{align-items:center;background:#0b1020;border:1px solid var(--border-default);color:var(--text-primary);display:flex;justify-content:space-between;text-align:left}.asset-row code{color:var(--text-muted);font-size:12px}.asset-preview{max-height:360px}.error{background:#ef44441f;border:1px solid rgba(239,68,68,.28);border-radius:10px;color:#fecaca;margin:0 auto 20px;max-width:1280px;padding:12px 16px}.error.inline{margin:0;max-width:none}@media(max-width:1080px){.shell{grid-template-columns:1fr}.sidebar{border-bottom:1px solid var(--border-default);border-right:0}.side-nav{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.nav-group{display:none}.workspace,.workspace.two-column,.metric-grid{grid-template-columns:1fr}}@media(max-width:720px){.content,.sidebar{padding:16px}.topbar,.auth-panel{align-items:start;display:grid;grid-template-columns:1fr}.status{justify-content:flex-start}.mini-toolbar{grid-template-columns:1fr}}