:root{color-scheme:dark;font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#f0f2ea;background:#0b0d0a;font-synthesis:none;text-rendering:optimizeLegibility;--ink: #f0f2ea;--muted: #858a80;--quiet: #575c54;--surface: #121510;--surface-raised: #181c16;--line: #292e26;--optic: #acbc8c;--optic-deep: #50613e;--warm: #c88567;--error: #dc8c72}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%;margin:0}body{min-height:100svh;background:linear-gradient(118deg,rgba(200,133,103,.035),transparent 28%),#0b0d0a}button,select{font:inherit;-webkit-tap-highlight-color:transparent}button:focus-visible,select:focus-visible{outline:2px solid #c5d39f;outline-offset:3px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.app-shell{min-height:100svh;display:grid;grid-template-rows:64px auto minmax(0,1fr)}.topbar{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:0 32px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;font-size:17px;font-weight:690;letter-spacing:-.025em}.brand__mode{color:var(--muted);font-size:12px;font-weight:500;letter-spacing:0}.brand__signal{display:flex;align-items:center;gap:2px;height:18px}.brand__signal i{display:block;width:2px;border-radius:2px;background:var(--optic)}.brand__signal i:nth-child(1),.brand__signal i:nth-child(5){height:6px}.brand__signal i:nth-child(2),.brand__signal i:nth-child(4){height:11px}.brand__signal i:nth-child(3){height:18px}.connection-state{display:flex;align-items:center;gap:9px;color:var(--muted);font-size:12px}.connection-state__mark{width:7px;height:7px;border-radius:50%;background:var(--quiet)}.connection-state--ready .connection-state__mark,.connection-state--listening .connection-state__mark{background:var(--optic)}.connection-state--settling-caption .connection-state__mark{background:var(--warm)}.route-bar{display:grid;grid-template-columns:minmax(140px,220px) 44px minmax(140px,220px) minmax(210px,280px) 1fr;align-items:end;gap:16px;padding:16px 32px 18px;border-bottom:1px solid var(--line);background:#0b0d0ae0}.language-control{display:grid;gap:6px;color:var(--muted);font-size:11px}.language-control select{width:100%;min-height:42px;padding:0 34px 0 12px;color:var(--ink);background-color:var(--surface-raised);border:1px solid transparent;border-radius:4px;cursor:pointer}.language-control select:hover:not(:disabled){border-color:#343a30}.language-control select:disabled{color:#a0a49c;cursor:not-allowed}.swap-control{width:44px;height:42px;display:grid;place-items:center;padding:0;color:var(--muted);background:transparent;border:0;cursor:pointer}.swap-control:hover:not(:disabled){color:var(--ink)}.swap-control:disabled{opacity:.32;cursor:not-allowed}.route-stack{justify-self:end;display:flex;align-items:flex-end;gap:18px;max-width:520px;margin:0 0 10px;padding:0;list-style:none;color:var(--quiet);font-size:10px}.route-stack li{display:grid;gap:3px}.route-stack strong{color:#b4baae;font-size:11px;font-weight:620;white-space:nowrap}.workspace{min-height:0;display:grid;grid-template-columns:minmax(0,1fr) 370px}.live-stage{min-width:0;display:flex;flex-direction:column;padding:30px 38px 32px}.optic-stage{min-height:470px;flex:1;position:relative;display:grid;grid-template-rows:92px minmax(230px,1fr) auto;padding:28px 42px 32px;overflow:hidden;background:linear-gradient(90deg,transparent 49.92%,rgba(172,188,140,.055) 50%,transparent 50.08%),linear-gradient(rgba(172,188,140,.032) 1px,transparent 1px),linear-gradient(90deg,rgba(172,188,140,.032) 1px,transparent 1px),linear-gradient(180deg,#11150f,#0d100c);background-size:100% 100%,22px 22px,22px 22px,100% 100%;clip-path:polygon(0 14px,14px 0,calc(100% - 14px) 0,100% 14px,100% calc(100% - 14px),calc(100% - 14px) 100%,14px 100%,0 calc(100% - 14px))}.optic-stage:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(108deg,rgba(200,133,103,.07),transparent 23%)}.optic-stage:after{content:"";position:absolute;left:8%;right:8%;top:52%;height:1px;background:linear-gradient(90deg,transparent,rgba(172,188,140,.18) 18%,rgba(172,188,140,.18) 82%,transparent);pointer-events:none}.optic-stage__corner{position:absolute;z-index:2;width:22px;height:22px;border-color:#acbc8c80}.optic-stage__corner--tl{top:20px;left:20px;border-top:2px solid;border-left:2px solid}.optic-stage__corner--tr{top:20px;right:20px;border-top:2px solid;border-right:2px solid}.optic-stage__corner--bl{bottom:20px;left:20px;border-bottom:2px solid;border-left:2px solid}.optic-stage__corner--br{right:20px;bottom:20px;border-right:2px solid;border-bottom:2px solid}.waveform-wrap{position:relative;z-index:1;align-self:stretch}.waveform{display:block;width:100%;height:68px;overflow:visible}.waveform__guide{fill:none;stroke:#2c3228;stroke-width:1;stroke-dasharray:2 9;stroke-linecap:round}.waveform__echo{fill:none;stroke:#536048;stroke-width:1.1;stroke-linecap:round;stroke-linejoin:round;opacity:.45;transition:d 80ms linear}.waveform__signal{fill:none;stroke:var(--optic);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:d 80ms linear}.waveform-wrap span{position:absolute;top:2px;left:0;color:var(--quiet);font-size:10px}.optic-stage[data-active=true] .waveform-wrap span{color:var(--muted)}.caption-field{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:flex-end;max-width:1060px;width:100%;min-height:230px;padding:20px 3vw 28px;margin:0 auto;text-align:left}.caption-field__language{display:flex;justify-content:space-between;gap:12px;margin:0 0 17px;color:#cbd0c3;font-size:12px;font-weight:650}.caption-field__language span{color:var(--quiet);font-weight:520}.caption-scroll{width:100%;max-height:258px;overflow-y:auto;overscroll-behavior:contain;scrollbar-color:#3d4438 transparent;scrollbar-width:thin}.caption-copy{margin:0;padding-right:12px;color:var(--ink);font-size:clamp(25px,2.75vw,42px);line-height:1.18;letter-spacing:-.03em;text-wrap:pretty}.caption-copy__phrase,.caption-copy__live{display:block}.caption-copy__phrase{margin-bottom:.34em;color:var(--ink)}.caption-copy__phrase--settling{min-height:3.54em;color:#a6ad9d}.caption-copy__phrase--error{color:#a9887a}.caption-copy__live{min-height:3.54em;color:#8e9a82}.caption-copy__live-stable{color:#abb3a2}.caption-copy__live-changing{color:#7d8875;transition:color .16s ease}.caption-copy--empty{color:#62685e;font-size:clamp(27px,3.5vw,50px)}.source-trace{position:relative;z-index:1;align-self:end;max-width:920px;width:100%;margin:0 auto;padding:19px 4px 0}.source-trace>p{display:flex;justify-content:space-between;gap:18px;margin:0 0 9px;color:#c3c8ba;font-size:11px}.source-trace>p span:last-child{color:var(--quiet)}.source-scroll{max-height:76px;overflow-y:auto;overscroll-behavior:contain;scrollbar-color:#3d4438 transparent;scrollbar-width:thin}.source-trace blockquote{margin:0;padding-right:10px;color:#71776c;font-size:clamp(15px,1.55vw,22px);line-height:1.35;letter-spacing:-.018em}.source-trace .source-trace__final,.source-trace .source-trace__partial{display:block}.source-trace .source-trace__final{margin-bottom:.18em;color:#b6bbb0}.source-trace .source-trace__partial{min-height:1.35em;color:#7f8a76}.session-control-row{display:flex;align-items:center;gap:18px;margin-top:24px}.session-control{min-width:176px;min-height:52px;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:0 19px;color:#11150d;background:var(--optic);border:0;border-radius:5px;font-weight:720;cursor:pointer;transition:background-color .14s ease,color .14s ease}.session-control:hover:not(:disabled){background:#c2d09f}.session-control--active{color:#e9eee0;background:var(--optic-deep)}.session-control--active:hover{background:#60734a}.session-control:disabled{color:#73786f;background:#252a22;cursor:not-allowed}.session-help{max-width:510px;margin:0;color:var(--muted);font-size:12px;line-height:1.48}.error-message{max-width:760px;margin:14px 0 0;color:var(--error);font-size:12px}.icon{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.icon--swap{width:19px;height:19px}.telemetry{min-width:0;display:flex;flex-direction:column;padding:29px 27px 25px;background:var(--surface);box-shadow:inset 1px 0 #252a22}.telemetry__heading,.run-log__heading{display:flex;align-items:baseline;justify-content:space-between;gap:16px}.telemetry__heading h2,.run-log__heading h3{margin:0;font-size:13px;font-weight:660}.telemetry__heading span,.run-log__heading span{color:var(--quiet);font-size:10px}.total-latency{margin-top:29px}.total-latency span{display:block;color:var(--muted);font-size:11px}.total-latency strong{display:block;margin-top:7px;font-size:clamp(43px,5vw,66px);line-height:1;letter-spacing:-.065em;font-weight:670;font-variant-numeric:tabular-nums}.total-latency small{display:block;margin-top:9px;color:var(--quiet);font-size:10px}.total-latency .total-latency__empty{margin-top:11px;color:var(--quiet);font-size:17px;letter-spacing:-.01em;font-weight:570}.stage-list{display:grid;gap:15px;margin-top:31px}.stage-row__labels{display:flex;justify-content:space-between;gap:20px;color:var(--muted);font-size:10px}.stage-row__labels strong{color:#c1c6b9;font-variant-numeric:tabular-nums;font-weight:590}.stage-row__track{height:3px;margin-top:7px;overflow:hidden;border-radius:3px;background:#292e26}.stage-row__track i{display:block;height:100%;border-radius:inherit;background:#747a6f;transition:width .28s cubic-bezier(.2,.8,.2,1)}.stage-row--quick .stage-row__track i{background:#7f8875}.stage-row--complete .stage-row__track i{background:var(--optic)}.path-key{display:grid;gap:9px;margin-top:22px;padding-top:20px;border-top:1px solid var(--line)}.path-key p{display:flex;align-items:flex-start;gap:9px;margin:0;color:var(--muted);font-size:10px;line-height:1.4}.path-key i{width:14px;height:3px;margin-top:5px;border-radius:3px;flex:0 0 auto}.path-key__quick{background:#7f8875}.path-key__complete{background:var(--optic)}.run-log{margin-top:27px;padding-top:20px;border-top:1px solid var(--line)}.run-log__empty{margin:16px 0 0;color:var(--quiet);font-size:10px;line-height:1.5}.run-log ol{list-style:none;display:grid;gap:2px;margin:13px 0 0;padding:0}.run-log li{min-height:32px;display:grid;grid-template-columns:7px minmax(0,1fr) auto;align-items:center;gap:9px;color:var(--muted);font-size:10px}.run-log li>span:nth-child(2){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.run-log li strong{color:#b9beb1;font-weight:580;font-variant-numeric:tabular-nums}.run-status{width:5px;height:5px;border-radius:50%;background:var(--quiet)}.run-status--settling{background:var(--warm)}.run-status--complete{background:var(--optic)}.run-status--superseded{background:#73786f}.run-status--error{background:var(--error)}.caption-state{margin:auto 0 0;padding-top:25px;color:var(--quiet);font-size:10px}@media(max-width:1020px){.route-bar{grid-template-columns:minmax(130px,1fr) 42px minmax(130px,1fr)}.provider-control{grid-column:1 / -1;max-width:420px}.route-stack{grid-column:1 / -1;justify-self:start;margin:3px 0 0}.workspace{grid-template-columns:minmax(0,1fr) 330px}.live-stage{padding-inline:28px}.optic-stage{padding-inline:32px}}@media(max-width:760px){.app-shell{grid-template-rows:58px auto auto}.topbar{padding-inline:18px}.brand__mode{display:none}.route-bar{padding:13px 18px 15px;gap:7px}.language-control select{min-height:44px;padding-left:10px}.workspace{display:block}.live-stage{min-height:calc(100svh - 154px);padding:20px 18px 26px}.optic-stage{min-height:500px;grid-template-rows:74px minmax(250px,1fr) auto;padding:24px 25px 28px}.waveform{height:58px}.caption-field{padding-inline:4px}.caption-scroll{max-height:246px}.caption-copy{font-size:clamp(27px,7.2vw,38px)}.caption-copy__phrase--settling,.caption-copy__live{min-height:4.72em}.caption-copy--empty{font-size:clamp(27px,8vw,42px)}.source-trace{padding-inline:2px}.session-control-row{align-items:flex-start;flex-direction:column}.session-control{width:100%}.telemetry{min-height:590px;padding:28px 20px;box-shadow:inset 0 1px #252a22}.total-latency strong{font-size:58px}}@media(max-width:440px){.connection-state{font-size:10px}.brand{gap:9px;font-size:16px}.route-bar{grid-template-columns:minmax(0,1fr) 32px minmax(0,1fr)}.swap-control{width:32px}.language-control span{font-size:10px}.language-control select{font-size:13px}.optic-stage{min-height:470px;padding-inline:20px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}