*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{color:#e4e4ef;background:#0d0d0f;height:100dvh;font-family:JetBrains Mono,Fira Code,Cascadia Code,ui-monospace,monospace;font-size:13px;line-height:1.5;overflow:hidden}.dev-ui{flex-direction:column;height:100dvh;display:flex}.dev-ui__header{background:#16161a;border-bottom:1px solid #2e2e38;flex-shrink:0;align-items:center;gap:10px;min-height:52px;padding:8px 16px;display:flex}.dev-ui__widget-slot{background:#676767;flex:1 0 100%;justify-content:center;align-items:center;width:100%;min-width:100%;height:auto;max-height:150px;display:flex}.dev-ui__title{letter-spacing:.02em;color:#e4e4ef;font-size:14px;font-weight:600}.dev-ui__badge{text-transform:uppercase;letter-spacing:.08em;color:#6c8aff;background:#3a4c9a;border-radius:3px;padding:1px 6px;font-size:10px}.dev-ui__body{flex:1;grid-template-columns:300px 1fr;min-height:0;display:grid;overflow:hidden}.dev-ui__left{background:#16161a;border-right:1px solid #2e2e38;flex-direction:column;gap:0;display:flex;overflow-y:auto}.dev-ui__left::-webkit-scrollbar{width:6px}.dev-ui__left::-webkit-scrollbar-track{background:0 0}.dev-ui__left::-webkit-scrollbar-thumb{background:#28282f;border-radius:3px}.dev-ui__right{flex-direction:column;min-height:0;display:flex;overflow:hidden}.panel{border-bottom:1px solid #2e2e38}.panel-title{text-transform:uppercase;letter-spacing:.1em;color:#7070a0;padding:12px 14px 8px;font-size:10px;font-weight:600}.panel-header{align-items:center;gap:8px;padding-right:14px;display:flex}.panel-header .panel-title{flex:1}.state-machine-panel{padding-bottom:12px}.state-nodes{flex-direction:column;gap:4px;padding:0 14px;display:flex}.state-node{cursor:default;border:1px solid #0000;border-radius:6px;align-items:flex-start;gap:8px;padding:7px 10px;transition:background .1s,border-color .1s;display:flex}.state-node__dot{background:#28282f;border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:4px;transition:background .15s,box-shadow .15s}.state-node__label{letter-spacing:.05em;color:#7070a0;font-size:11px;font-weight:600;transition:color .1s}.state-node__desc{color:#444460;margin-left:auto;padding-left:8px;font-size:10px}.state-node--active{background:#1e1e24;border-color:#2e2e38}.state-node--active .state-node__dot{background:#6c8aff;box-shadow:0 0 6px #6c8aff}.state-node--active .state-node__label{color:#e4e4ef}.state-node--listening.state-node--active .state-node__dot{background:#4ade80;box-shadow:0 0 6px #4ade80}.state-node--avatar-speaking.state-node--active .state-node__dot{background:#fb923c;box-shadow:0 0 6px #fb923c}.state-node--user-speaking.state-node--active .state-node__dot{background:#6c8aff;box-shadow:0 0 8px #6c8aff}.state-node--muted.state-node--active .state-node__dot{box-shadow:none;background:#444460}.last-transition{flex-direction:column;gap:2px;padding:8px 14px 0;display:flex}.last-transition__label{color:#444460;text-transform:uppercase;letter-spacing:.08em;font-size:10px}.last-transition__value{color:#7070a0;font-size:11px}.controls-panel{padding-bottom:16px}.control-group{padding:0 14px 4px}.control-group+.control-group{margin-top:4px}.control-group__title{text-transform:uppercase;letter-spacing:.08em;color:#444460;margin-top:10px;margin-bottom:6px;font-size:10px;font-weight:600}.control-group__note{text-transform:none;letter-spacing:0;color:#444460;opacity:.7;font-weight:400}.control-group--sliders{margin-top:8px}.button-row{flex-wrap:wrap;gap:6px;display:flex}.btn{color:#e4e4ef;cursor:pointer;background:#1e1e24;border:1px solid #2e2e38;border-radius:6px;padding:4px 10px;font-family:JetBrains Mono,Fira Code,Cascadia Code,ui-monospace,monospace;font-size:11px;transition:background .1s,border-color .1s,opacity .1s}.btn:hover:not(:disabled){background:#28282f;border-color:#3a3a4a}.btn:disabled{opacity:.35;cursor:not-allowed}.btn--primary{color:#c0cdff;background:#3a4c9a;border-color:#6c8aff}.btn--primary:hover:not(:disabled){background:#36478f}.btn--danger{color:#f87171;background:#3a1a1a;border-color:#f87171}.btn--danger:hover:not(:disabled){background:#4a1a1a}.btn--accent{color:#90b0ff;background:#1a2440;border-color:#3a5090}.btn--accent:hover:not(:disabled){background:#1e2a4a}.btn--warn{color:#facc15;background:#2a2010;border-color:#806010}.btn--warn:hover:not(:disabled){background:#332810}.btn--error{color:#f87171;background:#2a1010;border-color:#801010}.btn--error:hover:not(:disabled){background:#321515}.btn--ghost{color:#7070a0;background:0 0;border-color:#0000;font-size:11px}.btn--ghost:hover:not(:disabled){color:#e4e4ef;background:#1e1e24}.slider-label{justify-content:space-between;margin-top:8px;margin-bottom:3px;display:flex}.slider-label__name{color:#7070a0;font-size:11px}.slider-label__value{color:#e4e4ef;font-size:11px}.slider{accent-color:#6c8aff;cursor:pointer;width:100%}.calibrate-btn{justify-content:center;width:100%}.calibrator{flex-direction:column;gap:8px;display:flex}.calibrator__header{justify-content:space-between;align-items:center;display:flex}.calibrator__label{color:#7070a0;font-size:11px}.calibrator__countdown{color:#6c8aff;text-align:right;min-width:20px;font-size:11px;font-weight:600}.calibrator__track{background:#28282f;border-radius:2px;height:3px;overflow:hidden}.calibrator__bar{background:#6c8aff;border-radius:2px;height:100%;transition:width .1s linear}.calibrator__error{color:#f87171;font-size:11px}.calibrator--done{gap:10px}.calibrator__readings{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.calibrator__reading{flex-direction:column;gap:1px;display:flex}.calibrator__reading-label{text-transform:uppercase;letter-spacing:.08em;color:#444460;font-size:9px}.calibrator__reading-value{color:#4ade80;font-size:12px;font-weight:600}.calibrator__arrow{color:#444460;padding-bottom:12px;font-size:11px}.recording-log-panel{border-top:1px solid #2e2e38;border-bottom:none;flex-direction:column;flex-shrink:0;max-height:240px;display:flex}.recording-log-empty{color:#444460;padding:12px 14px;font-size:11px}.recording-list{flex:1;padding:4px 0 8px;list-style:none;overflow-y:auto}.recording-list::-webkit-scrollbar{width:6px}.recording-list::-webkit-scrollbar-track{background:0 0}.recording-list::-webkit-scrollbar-thumb{background:#28282f;border-radius:3px}.recording-entry{align-items:center;gap:10px;padding:4px 14px;display:flex}.recording-entry:hover{background:#1e1e24}.recording-entry__meta{color:#7070a0;flex-shrink:0;align-items:center;gap:6px;min-width:60px;font-size:11px;display:flex}.recording-entry__dur{color:#444460;font-size:10px}.recording-entry__player{flex:1;min-width:0;height:28px}.recording-entry__player::-webkit-media-controls-panel{background:#28282f}.event-log-panel{border-bottom:none;flex-direction:column;flex:1;min-height:0;display:flex}.event-count{color:#444460;font-size:11px}.log-level-toggle{letter-spacing:.06em;text-transform:uppercase;opacity:.5;font-size:10px}.log-level-toggle--active{opacity:1;color:#facc15}.event-log-body{flex:1;padding:4px 0;overflow-y:auto}.event-log-body::-webkit-scrollbar{width:6px}.event-log-body::-webkit-scrollbar-track{background:0 0}.event-log-body::-webkit-scrollbar-thumb{background:#28282f;border-radius:3px}.event-log-empty{color:#444460;text-align:center;padding:24px 16px;font-size:12px}.event-row{border-bottom:1px solid #0000;grid-template-columns:90px 140px 1fr;gap:8px;padding:2px 14px;font-size:11px;display:grid}.event-row:hover{background:#1e1e24}.event-row__ts{color:#444460;flex-shrink:0}.event-row__name{flex-shrink:0;font-weight:600}.event-row__payload{color:#7070a0;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.event-row.event--state-change .event-row__name{color:#6c8aff}.event-row.event--barge-in .event-row__name{color:#fb923c}.event-row.event--speech-start .event-row__name,.event-row.event--speech-end .event-row__name{color:#4ade80}.event-row.event--audio-chunk .event-row__name{color:#555570}.event-row.event--utterance-audio .event-row__name{color:#4ade80}.event-row.event--mute-change .event-row__name{color:#7070a0}.event-row.event--text-submit .event-row__name{color:#6c8aff}.event-row.event--warn .event-row__name{color:#facc15}.event-row.event--error .event-row__name{color:#f87171}.audio-monitor-panel{border-top:1px solid #2e2e38;border-bottom:1px solid #2e2e38;flex-direction:column;flex-shrink:0;display:flex}.audio-monitor-panel .panel-title{padding-bottom:4px}.audio-monitor-canvas{width:100%;height:96px;display:block}