:root{--bg:#0a0a0a;--surface:#1a1a1ad6;--surface-2:#111;--sidebar:#0a0a0a;--sidebar-2:#111;--text:#f7f7f7;--muted:#9ca3af;--line:#f4d03f24;--brand:#f4d03f;--brand-2:#f3c45b;--danger:#ff6b6b;--warn:#f4d03f;--ok:#8ee6a8;--shadow:0 24px 80px #00000061;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Noto Sans SC,MiSans,Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 10% 0%, #f4d03f14, transparent 30%), radial-gradient(circle at 92% 12%, #f3c45b14, transparent 26%), var(--bg);min-width:320px;min-height:100vh;margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}input,select,textarea{border:1px solid var(--line);width:100%;color:var(--text);background:#0f0f0f;border-radius:8px;outline:none}input,select{height:38px;padding:0 10px}textarea{resize:vertical;min-height:120px;padding:10px}input:focus,select:focus,textarea:focus{border-color:var(--brand);box-shadow:0 0 0 3px #f4d03f21}.shell{grid-template-columns:260px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{color:#d8d8d8;background:linear-gradient(#0a0a0afa,#111111f5);border-right:1px solid #f4d03f24;flex-direction:column;gap:28px;padding:22px 16px;display:flex}.brand{border-bottom:1px solid #f4d03f29;align-items:center;gap:12px;padding:8px 8px 18px;display:flex}.brand__mark{width:44px;height:44px;color:var(--brand);background:#f4d03f14;border:1px solid #f4d03f42;border-radius:8px;place-items:center;display:grid}.brand__mark img{object-fit:contain;width:28px;height:28px}.brand__title{color:#fff;font-size:18px;font-weight:750}.brand__subtitle{color:#9a9a9a;font-size:12px}.nav{gap:6px;display:grid}.nav a{color:#a5a5a5;border-radius:8px;align-items:center;gap:10px;min-height:42px;padding:0 12px;display:flex}.nav a.active,.nav a:hover{color:#fff;background:#f4d03f1a}.sidebar__footer{background:#1a1a1ab3;border:1px solid #f4d03f24;border-radius:8px;margin-top:auto;padding:12px}.release-line{color:var(--muted);justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;font-size:12px;display:flex}.release-line strong{color:var(--brand);font-size:12px}.workspace{min-width:0}.panel__actions,.button-row,.inline-form,.hero-actions{align-items:center;gap:10px;display:flex}.main{padding:28px}.page{gap:22px;display:grid}.page-heading,.hero-band{justify-content:space-between;align-items:flex-end;gap:20px;display:flex}.page-heading h1,.hero-band h1{color:var(--text);margin:4px 0 8px;font-size:32px;line-height:1.18}.page-heading p,.hero-band p{max-width:720px;color:var(--muted);margin:0}.hero-band{background:linear-gradient(135deg, #f4d03f24, #ffffff08), var(--surface);min-height:220px;box-shadow:var(--shadow);border:1px solid #f4d03f2e;border-radius:8px;align-items:center;padding:32px}.hero-band h1{font-size:46px}.two-column{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.brand__subtitle,.mini-label,.eyebrow,.muted,.field small{color:var(--muted)}.endpoint{color:var(--brand);text-overflow:ellipsis;white-space:nowrap;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px;overflow:hidden}.endpoint--large{color:var(--brand);font-size:13px}.eyebrow{text-transform:uppercase;font-size:12px;font-weight:760}.panel{border:1px solid var(--line);background:var(--surface);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:8px;min-width:0;padding:18px;box-shadow:0 1px 2px #0f172a0a}.panel__header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px;display:flex}.panel h2{margin:3px 0 0;font-size:18px}.status-badge{color:#d1d5db;background:#ffffff14;border-radius:999px;align-items:center;gap:6px;width:fit-content;min-height:28px;padding:0 10px;font-size:13px;font-weight:700;display:inline-flex}.status-badge--ok{color:var(--ok);background:#8ee6a81f}.status-badge--warn{color:var(--warn);background:#f4d03f24}.status-badge--danger{color:var(--danger);background:#ff6b6b1f}.status-badge--info{color:var(--brand);background:#f4d03f1f}.button{border:1px solid var(--line);background:var(--surface);min-height:38px;color:var(--text);border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:0 14px;font-weight:700;transition:border-color .16s,color .16s,background .16s,transform .16s;display:inline-flex}.button:hover:not(:disabled){border-color:var(--brand);color:var(--brand);transform:translateY(-1px)}.button:disabled{cursor:not-allowed;opacity:.5}.button--primary{border-color:var(--brand);background:var(--brand);color:#0a0a0a}.button--primary:hover:not(:disabled){color:#0a0a0a;background:#ffe07a}.button--danger{color:var(--danger);border-color:#dc26264d}.field{color:#d6d6d6;gap:6px;font-size:13px;font-weight:720;display:grid}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.inline-form{align-items:stretch}.json-block{border:1px solid var(--line);background:#282c34;border-radius:8px;max-height:320px;margin:0;overflow:auto}.json-editor{border:1px solid var(--line);background:#282c34;border-radius:8px;overflow:hidden}.editor{min-height:260px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:13px}.editor--large{min-height:220px}.error-text{color:var(--danger)}.notice{border:1px solid var(--line);color:var(--muted);background:#ffffff0a;border-radius:8px;gap:6px;padding:10px 12px;font-size:13px;display:grid}.notice--ok{color:var(--ok);border-color:#8ee6a838}.notice--danger{color:var(--danger);border-color:#ff6b6b47}.state-message{color:var(--muted);background:#ffffff09;border:1px dashed #f4d03f38;border-radius:8px;gap:4px;padding:14px;display:grid}.state-message strong{color:var(--text)}.state-message span{font-size:13px}.state-message--loading{color:var(--brand);border-style:solid}.state-message--error{color:var(--danger);border-color:#ff6b6b47}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.module-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.module-card{border:1px solid var(--line);background:var(--surface);border-radius:8px;gap:10px;padding:18px;transition:border-color .18s,background .18s,transform .18s;display:grid}.module-card:hover{background:#1a1a1a;border-color:#f4d03f85;transform:translateY(-2px)}.module-card svg{color:var(--brand)}.module-card h2{margin:0;font-size:17px}.module-card p{color:var(--muted);margin:0}.cockpit-grid{grid-template-columns:minmax(280px,360px) minmax(360px,1fr) minmax(300px,380px);align-items:start;gap:16px;display:grid}.provider-stack{gap:10px;margin:16px 0;display:grid}.provider-row{grid-template-columns:70px minmax(0,1fr) minmax(0,1fr);align-items:center;gap:8px;display:grid}.provider-row strong{font-size:12px}.conversation-panel{min-height:670px}.session-strip{flex-wrap:wrap;gap:8px;margin-bottom:14px;display:flex}.session-strip span{border:1px solid var(--line);background:var(--surface-2);color:var(--muted);border-radius:8px;padding:6px 8px;font-size:12px}.audio-meter{border:1px solid var(--line);background:var(--surface-2);border-radius:999px;height:8px;margin:-2px 0 14px;position:relative;overflow:hidden}.audio-meter span{border-radius:inherit;background:linear-gradient(90deg, var(--brand), #fff);height:100%;transition:width .12s;display:block}.transcript-block{gap:8px;margin-bottom:12px;display:grid}.transcript-label{color:var(--muted);font-size:12px;font-weight:760}.transcript-content{border:1px solid var(--line);background:var(--surface-2);white-space:pre-wrap;border-radius:8px;min-height:132px;padding:14px}.transcript-block--assistant .transcript-content{background:#f4d03f0f;min-height:210px}.composer{grid-template-columns:minmax(0,1fr) auto;gap:10px;margin:14px 0;display:grid}.inspector-stack{gap:16px;display:grid}.event-log{gap:8px;max-height:320px;display:grid;overflow:auto}.event-panel{gap:10px;display:grid}.event-toolbar{grid-template-columns:minmax(0,1fr) 110px;gap:8px;display:grid}.event-log__item{background:var(--surface-2);border-radius:8px;grid-template-columns:70px minmax(0,1fr);gap:8px;padding:8px;font-size:12px;display:grid}.event-log__item span{color:var(--muted)}.event-log__item--client{border-left:3px solid var(--brand)}.event-log__item--server{border-left:3px solid #fff}.event-log__item--system{border-left:3px solid var(--warn)}.tool-box{gap:10px;display:grid}.meta-row,.profile-list div{border-bottom:1px solid var(--line);justify-content:space-between;gap:12px;padding:10px 0;display:flex}.meta-row span,.profile-list span{color:var(--muted)}.voice-grid{grid-template-columns:320px minmax(0,1fr);gap:16px;display:grid}.voice-list{gap:8px;display:grid}.voice-item{border:1px solid var(--line);background:var(--surface);text-align:left;border-radius:8px;justify-content:space-between;align-items:center;min-height:48px;padding:0 12px;transition:border-color .16s,background .16s,transform .16s;display:flex}.voice-item:hover{border-color:#f4d03f73;transform:translateY(-1px)}.voice-item--active{border-color:var(--brand);background:#f4d03f1a}.voice-item small{color:var(--muted)}.audio-result{place-items:center;gap:18px;min-height:280px;display:grid}.audio-result audio{width:100%}.audio-icon{width:72px;height:72px;color:var(--brand);background:#f4d03f24;border-radius:999px;place-items:center;display:grid}@media (width<=1240px){.cockpit-grid,.metric-grid,.module-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.inspector-stack{grid-column:1/-1}}@media (width<=860px){.shell{grid-template-columns:1fr}.sidebar{position:static}.nav{grid-template-columns:repeat(2,minmax(0,1fr))}.page-heading,.hero-band{flex-direction:column;align-items:flex-start}.main{padding:18px}.cockpit-grid,.metric-grid,.module-grid,.two-column,.voice-grid,.form-grid{grid-template-columns:1fr}.cockpit-grid>.panel:first-child{order:1}.cockpit-grid>.conversation-panel{order:2}.cockpit-grid>.inspector-stack{order:3}.composer,.event-toolbar{grid-template-columns:1fr}.button-row,.inline-form,.hero-actions{flex-direction:column;align-items:stretch}.button-row .button,.inline-form .button,.hero-actions .button{width:100%}}
