:root{--bg:#f5f4fa;--panel:#fff;--panel-muted:#fbfaff;--border:#e6e1f1;--text:#171421;--text-soft:#756f86;--purple:#7c5cff;--purple-dark:#6947f0;--purple-soft:#f2ecff;--green:#2eb76f;--red:#e05a67;--amber:#d79b18;--shadow:0 18px 40px #281f5614}*{box-sizing:border-box}html,body{background:var(--bg);min-height:100%;color:var(--text);margin:0;font-family:Inter,Segoe UI,sans-serif}body{min-height:100vh}button,input,textarea{font:inherit}img{display:block}code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.studio-shell{grid-template-columns:260px minmax(0,1fr);min-height:100vh;display:grid}.studio-sidebar{border-right:1px solid var(--border);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffd1;flex-direction:column;gap:18px;height:100vh;padding:20px 16px;display:flex;position:sticky;top:0}.brand-lockup{align-items:center;gap:12px;display:flex}.brand-lockup h1,.brand-lockup p,.workspace-topbar h2,.workspace-topbar p,.panel-head h3,.panel-head p,.provider-banner h4,.provider-banner p,.trace-head h4,.settings-notes h4,.settings-notes p{margin:0}.brand-image{border-radius:12px;width:92px}.eyebrow{color:var(--purple);letter-spacing:.12em;text-transform:uppercase;font-size:11px;font-weight:800}.sidebar-nav{gap:6px;display:grid}.sidebar-link{color:var(--text-soft);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:12px;align-items:center;gap:10px;padding:12px 14px;display:flex}.sidebar-link.active,.sidebar-link:hover{background:var(--purple-soft);color:var(--purple-dark)}.sidebar-card{box-shadow:var(--shadow);color:var(--text-soft);background:linear-gradient(#fff 0%,#f7f3ff 100%);border:1px solid #7c5cff29;border-radius:16px;gap:8px;margin-top:auto;padding:14px;font-size:13px;display:grid}.sidebar-card-head{color:var(--purple-dark);align-items:center;gap:8px;font-weight:700;display:flex}.workspace{align-content:start;gap:16px;padding:18px 22px 28px;display:grid}.workspace-topbar{justify-content:space-between;align-items:center;gap:16px;display:flex}.workspace-topbar h2{font-size:28px;line-height:1.2}.banner{border:1px solid var(--border);background:var(--panel);border-radius:14px;align-items:center;gap:10px;padding:12px 14px;display:flex}.banner.error{color:var(--red);border-color:#e05a6738}.banner.success{color:var(--green);border-color:#2eb76f3d}.metric-grid,.summary-grid,.settings-grid,.session-grid,.settings-notes{gap:14px;display:grid}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.metric-card,.summary-tile,.session-card,.run-card,.panel,.market-card,.provider-banner,.health-row,.trace-panel{border:1px solid var(--border);background:var(--panel);box-shadow:var(--shadow)}.metric-card{border-radius:18px;gap:8px;padding:18px;display:grid}.metric-label{color:var(--text-soft);font-size:12px}.metric-card strong{font-size:28px}.metric-card small{color:var(--text-soft);font-size:12px}.page-grid{grid-template-columns:minmax(0,1.1fr) minmax(360px,.9fr);gap:16px;display:grid}.panel{border-radius:22px;gap:18px;padding:18px;display:grid}.panel-head,.panel-actions,.run-card-head,.run-card-meta,.trace-head,.health-row,.health-main,.health-actions,.session-card-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.panel-head{align-items:start}.market-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.market-card{cursor:pointer;text-align:left;border-radius:16px;align-items:center;gap:12px;padding:14px;display:flex}.market-card.selected{background:var(--purple-soft);border-color:#7c5cff66}.market-logo,.health-logo{object-fit:contain;width:32px;height:32px}.provider-banner{background:linear-gradient(#fff 0%,#faf7ff 100%);border-radius:18px;gap:10px;padding:16px;display:grid}.provider-pill,.status-badge{border-radius:999px;align-items:center;gap:6px;padding:5px 10px;font-size:12px;font-weight:700;display:inline-flex}.provider-pill{color:var(--purple-dark);background:#7c5cff1a}.status-badge.success{color:var(--green);background:#2eb76f1f}.status-badge.warning{color:var(--amber);background:#d79b1824}.status-badge.info{color:var(--purple-dark);background:#7c5cff1f}.status-badge.muted{color:var(--text-soft);background:#f3f1f8}.mode-row{flex-wrap:wrap;gap:8px;display:flex}.mode-pill,.secondary-button,.primary-button{border:1px solid var(--border);cursor:pointer;background:#fff;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:10px 14px;display:inline-flex}.mode-pill.active{background:var(--purple-soft);color:var(--purple-dark);border-color:#7c5cff57}.primary-button{background:var(--purple);color:#fff;border:0}.secondary-button.danger{color:var(--red)}.primary-button:disabled,.secondary-button:disabled,.mode-pill:disabled{opacity:.55;cursor:not-allowed}.field-block{gap:8px;display:grid}.field-block span{font-size:13px;font-weight:600}.field-block input,.field-block textarea{border:1px solid var(--border);width:100%;color:var(--text);background:#fff;border-radius:14px;padding:12px 14px}.field-block textarea{resize:vertical;min-height:132px}.upload-dropzone{cursor:pointer;background:#faf7ff;border:1px dashed #7c5cff57;border-radius:18px;align-items:center;gap:14px;padding:18px;display:flex}.upload-dropzone input{display:none}.summary-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.summary-tile{border-radius:16px;gap:6px;padding:14px;display:grid}.summary-tile span{color:var(--text-soft);font-size:12px}.summary-tile strong{font-size:20px}.hint-text,.empty-state{color:var(--text-soft);font-size:13px}.health-list,.run-list,.trace-list{gap:12px;display:grid}.health-row,.run-card{border-radius:16px;padding:14px}.health-row{background:var(--panel-muted)}.health-main p,.run-card p,.run-card-meta span,.trace-item small{color:var(--text-soft);margin:0;font-size:13px}.trace-panel{border-radius:18px;gap:12px;padding:16px;display:grid}.trace-item{border-left:3px solid var(--border);gap:4px;padding-left:12px;display:grid}.trace-item.info{border-left-color:var(--purple)}.trace-item.warn{border-left-color:var(--amber)}.trace-item.error{border-left-color:var(--red)}.trace-item span{text-transform:uppercase;color:var(--text-soft);font-size:12px;font-weight:700}.trace-item p{margin:0;font-size:14px}.table-shell{border:1px solid var(--border);border-radius:16px;overflow:auto}table{border-collapse:collapse;width:100%}th,td{border-bottom:1px solid var(--border);text-align:left;vertical-align:top;padding:12px 14px;font-size:13px}th{z-index:1;background:#fbfaff;position:sticky;top:0}.session-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.session-card{border-radius:18px;gap:14px;padding:16px;display:grid}.session-meta{color:var(--text-soft);gap:6px;margin:0;padding-left:18px;font-size:13px;display:grid}.settings-panel{gap:22px}.settings-grid,.settings-notes{grid-template-columns:repeat(2,minmax(0,1fr))}.settings-notes article{border:1px solid var(--border);background:#fff;border-radius:16px;padding:16px}.settings-notes p{color:var(--text-soft);margin-top:8px;font-size:13px}.login-shell{place-items:center;min-height:100vh;padding:24px;display:grid}.login-card{border:1px solid var(--border);width:min(420px,100%);box-shadow:var(--shadow);background:#fff;border-radius:22px;gap:14px;padding:24px;display:grid}.login-copy h1,.login-copy p{margin:0}.login-form{gap:14px;display:grid}.login-error{color:var(--red);margin:0;font-size:13px}.login-submit{width:100%}@media (max-width:1200px){.metric-grid,.summary-grid,.session-grid,.settings-grid,.settings-notes{grid-template-columns:repeat(2,minmax(0,1fr))}.page-grid{grid-template-columns:1fr}}@media (max-width:860px){.studio-shell{grid-template-columns:1fr}.studio-sidebar{height:auto;position:static}.workspace-topbar,.panel-actions,.health-row,.session-card-head{flex-direction:column;align-items:start}.metric-grid,.market-grid,.summary-grid,.session-grid,.settings-grid,.settings-notes{grid-template-columns:1fr}}