.ui-surface{border:1px solid var(--color-border);border-radius:var(--radius-panel);background:var(--color-surface);min-width:0;min-height:0;box-shadow:none}.ui-button{min-width:0;height:var(--control-height);padding:0 var(--space-4);justify-content:center;align-items:center;gap:var(--space-2);border:1px solid var(--color-accent);border-radius:var(--radius-control);color:var(--color-accent);background:var(--color-surface);font:inherit;cursor:pointer;font-size:14px;font-weight:600;line-height:1;transition:background-color .14s,border-color .14s,color .14s,transform .14s;display:inline-flex}.ui-button--size-primary{height:var(--primary-control-height);font-size:15px;font-weight:600}.ui-button--primary,.ui-button--secondary,.ui-button--quiet{color:var(--color-accent);border-color:var(--color-accent);background:var(--color-surface)}.ui-button--primary:not(:disabled):hover,.ui-button--secondary:not(:disabled):hover{color:#fff;background:var(--color-accent)}.ui-button--quiet:not(:disabled):hover,.ui-button--primary:not(:disabled):active,.ui-button--secondary:not(:disabled):active,.ui-button--quiet:not(:disabled):active{color:#fff;border-color:var(--color-accent);background:var(--color-accent)}.ui-button:not(:disabled):active{transform:scale(.98)}.ui-button:focus-visible,.ui-checkbox input:focus-visible{outline:2px solid var(--color-accent-focus);outline-offset:2px}.ui-button:disabled{color:#86868b;border-color:var(--color-border);background:var(--color-surface);cursor:default;opacity:.55}.ui-checkbox{min-width:0;min-height:var(--control-height);align-items:center;gap:var(--space-2);color:var(--color-ink);cursor:pointer;font-size:14px;font-weight:400;display:flex}.ui-checkbox input{width:20px;height:20px;accent-color:var(--color-accent);border-radius:6px;flex:none;margin:0}.ui-checkbox:has(input:disabled){color:#86868b;cursor:default}@media (prefers-reduced-motion:reduce){.ui-button{transition:none}}:root{--color-canvas:#f5f5f7;--color-surface:#fff;--color-surface-strong:#fafafc;--color-ink:#1d1d1f;--color-muted:#6e6e73;--color-border:#e0e0e0;--color-accent:#06c;--color-accent-strong:#0055b3;--color-accent-focus:#0071e3;--color-accent-on-dark:#2997ff;--color-danger:#b42318;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--control-height:44px;--primary-control-height:48px;--radius-control:12px;--radius-panel:18px;--shadow-panel:none;--focus-ring:0 0 0 2px var(--color-accent-focus);--bg:var(--color-canvas);--surface:#fff;--ink:var(--color-ink);--muted:var(--color-muted);--line:var(--color-border);--glass-line:var(--color-border);--accent:var(--color-accent);--green:#248a3d;--amber:#a15c00;--shadow:none;color:var(--ink);background:var(--color-canvas);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:SF Pro Text,SF Pro Display,Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:var(--color-canvas);min-width:320px;min-height:100svh;margin:0;font-size:17px;font-weight:400;line-height:1.47}#root{min-height:100svh}.app-shell{height:calc(100svh - var(--top-navigation-height,44px));padding:var(--space-6);gap:var(--space-6);grid-template-rows:auto minmax(0,1fr);display:grid;position:relative;overflow:hidden}.app-shell:before{content:"";z-index:-2;background:var(--color-canvas);transition:none;position:fixed;inset:0}.app-shell.is-live:before{background:var(--color-canvas)}@media (width<=1068px){.app-shell{height:auto;min-height:calc(100svh - var(--top-navigation-height,44px));overflow:visible}}@media (width<=735px){.app-shell{padding:var(--space-4)}}@media (prefers-reduced-motion:reduce){.app-shell:before{transition:none}}.top-navigation{min-width:0;height:var(--top-navigation-height,44px);padding:0 var(--space-6);z-index:50;color:#f5f5f7;background:#000;position:sticky;top:0}.top-navigation-inner{align-items:center;gap:var(--space-4);width:100%;min-width:0;max-width:1440px;height:44px;margin:0 auto;display:flex;overflow:hidden}.top-navigation-brand{height:var(--control-height);padding:0 var(--space-2) 0 0;align-items:center;gap:var(--space-2);color:#f5f5f7;font:inherit;cursor:pointer;background:0 0;border:0;flex:none;display:inline-flex}.top-navigation-brand strong{letter-spacing:-.01em;white-space:nowrap;font-size:14px;font-weight:600}.top-navigation-brand:hover,.top-navigation-brand:focus-visible{color:var(--color-accent-on-dark)}.top-navigation-brand:active{transform:scale(.95)}.top-navigation-brand:focus-visible,.top-navigation-item:focus-visible{outline:2px solid var(--color-accent-on-dark);outline-offset:-2px}.top-navigation-mark{color:#fff;background:#1d1d1f;border:1px solid #424245;border-radius:8px;flex:none;place-items:center;width:32px;height:32px;font-size:15px;font-weight:600;display:grid}.top-navigation-links{overscroll-behavior-x:contain;scrollbar-width:none;flex:1;min-width:0;height:100%;overflow-x:auto}.top-navigation-links::-webkit-scrollbar{display:none}.top-navigation-links-inner{justify-content:center;align-items:center;gap:var(--space-2);width:100%;min-width:min-content;height:100%;display:flex}.top-navigation-item{min-width:96px;height:var(--control-height);padding:0 var(--space-3);justify-content:center;align-items:center;gap:var(--space-2);color:#a1a1a6;font:inherit;cursor:pointer;background:0 0;border:0;flex:1 1 0;font-size:12px;font-weight:400;line-height:1;transition:color .14s,background-color .14s,transform .14s;display:inline-flex;position:relative}.top-navigation-item:hover{color:#fff;background:#1d1d1f}.top-navigation-item:active{transform:scale(.95)}.top-navigation-item.is-active{color:#fff}.top-navigation-item.is-active:after{content:"";height:2px;right:var(--space-3);bottom:0;left:var(--space-3);background:var(--color-accent-on-dark);border-radius:2px 2px 0 0;position:absolute}.top-navigation-icon{color:currentColor;flex:none;place-items:center;width:24px;height:24px;display:grid}.top-navigation-icon svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;width:16px;height:16px}@media (width<=900px){.top-navigation-links-inner{justify-content:flex-start;width:max-content}}@media (width<=735px){.top-navigation{padding-inline:var(--space-4)}.top-navigation-inner{gap:var(--space-2)}.top-navigation-brand{padding-right:0}.top-navigation-brand strong{display:none}.top-navigation-item{min-width:88px;padding-inline:var(--space-2)}}@media (prefers-reduced-motion:reduce){.top-navigation-item{transition:none}}.live-screen{height:calc(100svh - var(--top-navigation-height,44px));grid-template-rows:minmax(0,1fr);gap:0}.live-layout{align-items:stretch;gap:var(--space-6);grid-template-columns:304px minmax(0,1fr);width:100%;min-width:0;max-width:1440px;min-height:0;margin:0 auto;display:grid}.glass-panel{flex-direction:column;display:flex;position:relative;overflow:hidden}.live-control-panel{align-self:stretch;width:100%;height:100%;position:sticky;top:0}.control-panel-heading,.panel-header{height:80px;min-height:80px;padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--color-border)}.control-panel-heading{text-align:center;justify-content:center;align-items:center;display:flex}.control-panel-heading h2{color:var(--color-ink);margin:0;font-family:SF Pro Display,SF Pro Text,Inter,system-ui,sans-serif;font-size:24px;font-weight:600;line-height:1.2}.control-panel-body{min-height:0;padding:var(--space-5);gap:var(--space-5);scrollbar-color:#c7c7cc transparent;scrollbar-width:thin;flex-direction:column;flex:1;display:flex;overflow-y:auto}.control-actions-section,.control-session-section,.control-settings{min-width:0;display:grid}.control-actions-section,.control-session-section{padding-bottom:var(--space-5);border-bottom:1px solid var(--color-border)}.control-actions-section{gap:var(--space-3)}.control-session-section{gap:var(--space-4)}.control-settings{gap:var(--space-3)}.control-setting-group,.control-actions{flex-shrink:0;min-width:0}.control-setting-group,.control-audio{gap:var(--space-3);display:grid}.control-setting-label,.control-audio-label{color:var(--color-muted);font-size:13px;font-weight:400;line-height:1.4}.control-setting-card{border:1px solid var(--color-border);border-radius:var(--radius-control);background:var(--color-surface-strong);width:100%;min-width:0;height:52px}.control-field select{width:100%;min-width:0;height:52px;padding:0 var(--space-10) 0 var(--space-3);color:var(--color-ink);font:inherit;text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:400;overflow:hidden}.control-field select:hover:not(:disabled){border-color:var(--color-accent)}.control-field select:focus-visible{outline:2px solid var(--color-accent-focus);outline-offset:2px}.control-field select:disabled{color:#86868b;background:#f0f0f2}.control-source{padding:0 var(--space-3);align-content:center;display:grid}.control-source strong{color:var(--color-ink);text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:600;line-height:1.35;overflow:hidden}.control-visibility{padding:0 var(--space-3);align-items:center;column-gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));margin:0;display:grid}.control-meter{height:112px;min-height:112px;padding:0 var(--space-3);justify-content:space-between;align-items:center;gap:var(--space-1);border:1px solid var(--color-border);border-radius:var(--radius-control);background:var(--color-surface-strong);display:flex}.control-meter span{width:4px;height:var(--space-5);transform-origin:50%;background:#a1a1a6;border-radius:999px;transition:transform .12s;transform:scaleY(.16)}.control-meter.listening{border-color:var(--color-accent);background:#f5faff}.control-meter.listening span{background:var(--color-accent);transform:scaleY(var(--bar-scale,.22));animation:.94s ease-in-out infinite wave-bar;animation-delay:var(--bar-delay,0s)}.control-actions{gap:var(--space-2);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.control-actions .primary-button{grid-column:1/-1}.control-metrics{gap:var(--space-2);grid-template-columns:repeat(2,minmax(0,1fr));margin:0;display:grid}.control-metric{gap:var(--space-2);min-width:0;display:grid}.control-metrics dt{color:var(--color-muted);font-size:13px;font-weight:400;line-height:1.4}.control-metrics dd{height:64px;padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-control);color:var(--color-ink);background:var(--color-surface-strong);font-variant-numeric:tabular-nums;letter-spacing:-.02em;text-overflow:ellipsis;align-content:center;margin:0;font-size:20px;font-weight:600;line-height:1.1;display:grid;overflow:hidden}.live-workspace{min-width:0;min-height:0;padding:var(--space-4);gap:var(--space-6);display:grid;overflow:hidden}.live-workspace[data-visible-panels=both]{grid-template-columns:repeat(2,minmax(0,1fr))}.live-workspace[data-visible-panels=translation],.live-workspace[data-visible-panels=source]{grid-template-columns:minmax(0,1fr)}.transcript-panel{height:100%}.panel-header{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.panel-header p{color:var(--color-ink);margin:0;font-family:SF Pro Display,SF Pro Text,Inter,system-ui,sans-serif;font-size:19px;font-weight:600;line-height:1.2}.panel-actions{justify-content:flex-end;gap:var(--space-2);flex:none;display:flex}.live-workspace .icon-button{width:72px;padding-inline:var(--space-3)}.transcript-body{min-height:0;padding:var(--space-6);scrollbar-color:#c7c7cc transparent;scrollbar-width:thin;flex:1;overflow:auto}.transcript-text,.translated-panel .transcript-text{color:var(--color-ink);overflow-wrap:anywhere;white-space:pre-wrap;margin:0;font-size:17px;font-weight:400;line-height:1.58}.transcript-text.muted{color:var(--color-muted)}.error-strip{padding:var(--space-3);border-radius:var(--radius-control);color:#8f271f;background:#fff5f4;border:1px solid #f1b5b0;font-size:13px;font-weight:400;line-height:1.45}@keyframes wave-bar{0%,to{transform:scaleY(var(--bar-scale,.22))}50%{transform:scaleY(calc(var(--bar-scale,.22) + .56))}}@media (width>=1069px) and (height<=900px){.control-panel-body{gap:var(--space-4)}.control-actions-section,.control-session-section{padding-bottom:var(--space-4)}.control-session-section{gap:var(--space-3)}.control-setting-card,.control-field select{height:var(--control-height)}.control-meter{height:96px;min-height:96px}.control-metrics dd{height:56px}}@media (width<=1068px){.live-screen{height:auto;min-height:calc(100svh - var(--top-navigation-height,44px));overflow:visible}.live-layout{grid-template-columns:264px minmax(0,1fr)}.live-control-panel{height:auto;max-height:calc(100svh - var(--top-navigation-height,44px) - var(--space-12));top:calc(var(--top-navigation-height,44px) + var(--space-6));align-self:start}.live-workspace[data-visible-panels]{gap:var(--space-4);grid-template-columns:1fr}.transcript-panel{min-height:320px}.control-panel-body{padding:var(--space-4);gap:var(--space-2)}.control-actions-section,.control-session-section{padding-bottom:var(--space-2)}.control-actions-section,.control-session-section,.control-settings,.control-actions{gap:var(--space-2)}.control-setting-card,.control-field select{height:var(--control-height)}.control-meter{height:64px;min-height:64px}.control-metrics dd{height:56px}.control-panel-heading{padding-inline:var(--space-4);align-items:center;gap:var(--space-2)}.control-panel-heading h2{font-size:20px}}@media (width<=833px){.live-layout{grid-template-columns:240px minmax(0,1fr)}.control-panel-heading,.panel-header{padding-inline:var(--space-4)}.control-panel-heading h2{white-space:nowrap;font-size:20px}.control-metrics dd{font-size:17px}}@media (width>=736px) and (width<=1068px){.control-visibility{column-gap:var(--space-1);grid-template-columns:minmax(0,13fr) minmax(0,10fr)}}@media (width<=735px){.live-layout{grid-template-columns:1fr}.live-workspace{padding:var(--space-3)}.live-control-panel{max-height:none;position:relative;top:auto}.control-actions-section,.control-session-section,.control-settings{width:100%}}@media (width<=520px){.control-panel-body{gap:var(--space-5)}.control-meter{height:72px;min-height:72px}.panel-header{flex-direction:column;align-items:flex-start;height:auto;min-height:0}.panel-actions{width:100%}.panel-actions .ui-button{flex:1;width:auto}.transcript-panel{min-height:320px}}@media (prefers-reduced-motion:reduce){.control-meter.listening span{animation:none}.control-meter span{transition:none}}.notebook-screen{--notebook-toolbar-control:40px;width:100%;max-width:1088px;height:calc(100svh - var(--top-navigation-height,44px));min-height:0;padding:var(--space-8) var(--space-6);gap:var(--space-6);flex-direction:column;margin:0 auto;display:flex;overflow:hidden}.notebook-header{min-height:var(--control-height);align-items:center;display:flex}.notebook-header h1,.notebook-character-count,.notebook-error{margin:0}.notebook-header h1{color:var(--color-ink);letter-spacing:-.03em;font-family:SF Pro Display,SF Pro Text,Inter,system-ui,sans-serif;font-size:36px;font-weight:700;line-height:1.15}.notebook-workspace{min-width:0;min-height:0;padding:var(--space-4);gap:var(--space-4);background:var(--color-surface-strong);flex:1;grid-template-rows:auto minmax(0,1fr);display:grid;overflow:hidden}.notebook-toolbar-panel{min-width:0;padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-panel);background:var(--color-surface)}.notebook-toolbar{justify-content:flex-start;align-items:center;gap:var(--space-3);min-width:0;display:flex}.notebook-format-controls,.notebook-toolbar-actions,.notebook-format-group{align-items:center;gap:var(--space-3);min-width:0;display:flex}.notebook-format-controls{overflow:visible}.notebook-toolbar-actions{padding:0 var(--space-3);border-left:1px solid var(--color-border);flex:1 1 0;justify-content:space-between}.notebook-font-picker,.notebook-select-control,.notebook-format-group,.notebook-toolbar-separator{flex:none}.notebook-font-trigger,.notebook-select-control select,.notebook-format-button{height:var(--notebook-toolbar-control);border:1px solid var(--color-accent);border-radius:var(--radius-control);color:var(--color-accent);background:var(--color-surface);font-family:inherit;font-size:13px;font-weight:600}.notebook-font-picker{position:relative}.notebook-font-trigger{width:160px;padding:0 var(--space-8);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236e6e73' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right var(--space-2) center;background-repeat:no-repeat;background-size:var(--space-5);text-align:center;cursor:pointer}.notebook-font-trigger:hover{border-color:var(--color-accent);color:var(--color-accent);background-color:var(--color-surface)}.notebook-font-trigger:active,.notebook-font-trigger[aria-expanded=true]{color:var(--color-accent);background-color:var(--color-surface)}.notebook-font-popover{width:min(720px,100vw - 80px);max-height:360px;padding:var(--space-4);top:calc(100% + var(--space-2));z-index:30;gap:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-panel);background:var(--color-surface);grid-template-columns:repeat(3,minmax(0,1fr));display:grid;position:absolute;left:0;overflow:auto}.notebook-font-language{min-width:0}.notebook-font-language h3{margin:0 0 var(--space-2);color:var(--color-muted);letter-spacing:.04em;text-transform:uppercase;font-size:12px;font-weight:600;line-height:1.3}.notebook-font-language>div{gap:var(--space-1);display:grid}.notebook-font-option{width:100%;min-height:36px;padding:0 var(--space-3);color:var(--color-ink);background:var(--color-surface);font:inherit;text-align:left;cursor:pointer;border:1px solid #0000;border-radius:8px;font-size:13px;font-weight:500;line-height:1.2}.notebook-font-option:hover,.notebook-font-option.is-selected{border-color:var(--color-accent);color:var(--color-accent);background:var(--color-surface-strong)}.notebook-font-option:focus-visible{outline:2px solid var(--color-accent-focus);outline-offset:2px}.notebook-select-control select{width:64px;padding:0 var(--space-6) 0 var(--space-2);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236e6e73' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right var(--space-2) center;background-repeat:no-repeat;background-size:var(--space-5);text-align:center;text-align-last:center;appearance:none}.notebook-format-button{width:var(--notebook-toolbar-control);min-width:var(--notebook-toolbar-control);cursor:pointer;justify-content:center;align-items:center;padding:0;display:inline-flex}.notebook-format-icon{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;width:18px;height:18px}.notebook-toolbar-separator{background:var(--color-border);width:1px;height:24px}.notebook-format-button:hover,.notebook-format-button:active{border-color:var(--color-accent);color:#fff;background:var(--color-accent)}.notebook-select-control select:hover{border-color:var(--color-accent);color:var(--color-accent);background-color:var(--color-surface)}.notebook-select-control select:active{color:var(--color-accent);background-color:var(--color-surface)}.notebook-format-button:focus-visible,.notebook-font-trigger:focus-visible,.notebook-select-control select:focus-visible,.notebook-editor:focus-visible{outline:2px solid var(--color-accent-focus);outline-offset:2px}.notebook-document-action{width:88px;min-width:88px;height:var(--notebook-toolbar-control);border-radius:var(--radius-control);font-family:inherit;font-size:13px;font-weight:600}.notebook-document-action.ui-button:disabled{color:var(--color-accent);border-color:var(--color-accent);background:var(--color-surface);opacity:.5}.notebook-editor-panel{border:1px solid var(--color-border);border-radius:var(--radius-panel);background:var(--color-surface);min-height:0;position:relative;overflow:hidden}.notebook-editor{width:100%;height:100%;min-height:0;padding:var(--space-6) var(--space-6) var(--space-10);color:var(--color-ink);scrollbar-color:#c7c7cc transparent;scrollbar-width:thin;background:0 0;font-family:SF Pro Text,Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:17px;font-weight:400;line-height:1.58;overflow:auto}.notebook-editor:focus-visible{outline-offset:-2px}.notebook-editor p,.notebook-editor div,.notebook-editor ul,.notebook-editor ol{margin-top:0}.notebook-character-count{min-width:28px;height:28px;padding:0 var(--space-2);right:var(--space-4);bottom:var(--space-3);color:var(--color-muted);background:var(--color-surface-strong);font-variant-numeric:tabular-nums;border-radius:8px;justify-content:center;align-items:center;font-size:13px;font-weight:400;line-height:1;display:inline-flex;position:absolute}.notebook-error{margin-top:var(--space-3);padding:var(--space-3);border-radius:var(--radius-control);color:#8f271f;background:#fff5f4;border:1px solid #f1b5b0;font-size:13px;font-weight:400;line-height:1.45}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}@media (width<=1060px){.notebook-toolbar{align-items:stretch;gap:var(--space-3);flex-direction:column}.notebook-format-controls{padding-bottom:var(--space-1)}.notebook-toolbar-actions{width:100%;padding:var(--space-3) 0 0;border-top:1px solid var(--color-border);border-left:0}.notebook-document-action{flex:1;min-width:0}}@media (width<=735px){.notebook-screen{--notebook-toolbar-control:44px;height:auto;min-height:calc(100svh - var(--top-navigation-height,44px));padding:var(--space-4);gap:var(--space-4);overflow:visible}.notebook-header h1{font-size:32px}.notebook-workspace{min-height:620px;padding:var(--space-3);gap:var(--space-3)}.notebook-toolbar-panel{padding:var(--space-3)}.notebook-format-controls{grid-template-columns:minmax(0,1fr) 72px;width:100%;padding-bottom:0;display:grid;overflow:visible}.notebook-font-picker,.notebook-font-trigger,.notebook-select-control select{width:100%}.notebook-font-popover{grid-template-columns:1fr;width:min(310px,100vw - 82px);max-height:320px}.notebook-format-group{grid-column:1/-1;width:100%}.notebook-format-group .notebook-format-button{flex:1;width:auto;min-width:0}.notebook-toolbar-separator{display:none}.notebook-editor{min-height:360px;padding:var(--space-4) var(--space-4) var(--space-10)}}@media (width<=390px){.notebook-header h1{font-size:30px}}.translate-screen{width:100%;max-width:1440px;height:calc(100svh - var(--top-navigation-height,44px));min-height:0;padding:var(--space-8) var(--space-6);gap:var(--space-6);flex-direction:column;margin:0 auto;display:flex;overflow:hidden}.translate-header{min-height:var(--control-height);justify-content:space-between;align-items:center;gap:var(--space-4);display:flex}.translate-header h1{color:var(--ink);letter-spacing:-.03em;margin:0;font-family:SF Pro Display,SF Pro Text,Inter,system-ui,sans-serif;font-size:36px;font-weight:700;line-height:1.15}.translate-form{flex:1;min-height:0}.translate-workspace{min-width:0;height:100%;min-height:0;padding:var(--space-4);gap:var(--space-4);grid-template-rows:auto minmax(430px,1fr) auto;display:grid;overflow:hidden}.translate-language-bar{min-height:54px;padding:var(--space-1) 0;grid-template-columns:minmax(0, 1fr) var(--space-6) minmax(0, 1fr);border:1px solid var(--color-border);border-radius:var(--radius-control);background:var(--color-surface-strong);align-items:center;display:grid;overflow:hidden}.translate-language-field{justify-content:center;min-width:0;display:flex}.translate-language-field select{width:min(240px,100%);height:var(--control-height);min-width:0;padding:0 var(--space-10);border-radius:var(--radius-control);color:var(--color-ink);background-color:#0000;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236e6e73' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right var(--space-3) center;background-repeat:no-repeat;background-size:var(--space-5);appearance:none;font:inherit;text-align:center;text-align-last:center;cursor:pointer;border:0;font-size:15px;font-weight:600}.translate-language-field select:hover:not(:disabled){background-color:var(--color-surface-strong)}.translate-language-field select:focus-visible,.translate-panel textarea:focus-visible{outline:2px solid var(--color-accent-focus);outline-offset:2px}.translate-language-field select:disabled{color:#86868b;cursor:default}.translate-swap{width:var(--control-height);color:var(--color-accent);background:var(--color-surface);justify-self:center;padding:0}.translate-swap svg,.translate-panel-action svg{width:var(--space-5);height:var(--space-5);fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.75px}.translate-panels{gap:var(--space-6);grid-template-columns:repeat(2,minmax(0,1fr));min-height:0;display:grid}.translate-panel{grid-template-rows:64px minmax(0,1fr);height:100%;min-height:430px;display:grid;overflow:hidden}.translate-panel-heading{min-width:0;padding:0 var(--space-4);justify-content:space-between;align-items:center;gap:var(--space-3);border-bottom:1px solid var(--color-border);display:flex}.translate-panel-heading h2{color:var(--color-ink);margin:0;font-family:SF Pro Display,SF Pro Text,Inter,system-ui,sans-serif;font-size:18px;font-weight:600;line-height:1.2}.translate-panel-heading small{color:var(--color-muted);font-variant-numeric:tabular-nums;font-size:13px;font-weight:400;line-height:1.4}.translate-panel textarea{width:100%;min-height:0;padding:var(--space-6);resize:none;color:var(--color-ink);font:inherit;background:0 0;border:0;outline:0;font-size:17px;font-weight:400;line-height:1.58}.translate-panel textarea::placeholder{color:var(--color-muted)}.translate-panel textarea:disabled{color:#86868b;cursor:progress}.translate-output{min-height:0;padding:var(--space-6);scrollbar-color:#c7c7cc transparent;scrollbar-width:thin;overflow:auto}.translate-output p{color:var(--color-ink);white-space:pre-wrap;overflow-wrap:anywhere;margin:0;font-size:17px;font-weight:400;line-height:1.58}.translate-result-actions{gap:var(--space-2);flex:none;display:flex}.translate-panel-action{width:var(--control-height);padding:0}.translate-error{padding:var(--space-3);border-radius:var(--radius-control);color:#8f271f;background:#fff5f4;border:1px solid #f1b5b0;margin:0;font-size:13px;font-weight:400;line-height:1.45}.translate-action-stack{gap:var(--space-3);display:grid}.translate-submit-row{justify-content:center;display:flex}.translate-submit{width:200px}.translate-submit.ui-button:disabled{color:var(--color-accent);border-color:var(--color-accent);background:var(--color-surface);opacity:.5}.translate-visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}@media (width>=834px) and (height<=800px){.translate-workspace{grid-template-rows:auto minmax(360px,1fr) auto}.translate-panel{min-height:360px}}@media (width<=833px){.translate-screen{height:auto;min-height:calc(100svh - var(--top-navigation-height,44px));padding:var(--space-6);overflow:visible}.translate-form{flex:initial}.translate-workspace{grid-template-rows:auto auto auto;height:auto}.translate-panels{gap:var(--space-4);grid-template-columns:1fr}.translate-panel{min-height:360px}}@media (width<=735px){.translate-screen{padding:var(--space-4);gap:var(--space-4)}.translate-workspace{padding:var(--space-3)}.translate-header h1{font-size:32px}.translate-language-field select{padding-inline:var(--space-8);font-size:14px}.translate-panel{min-height:320px}.translate-panel-heading{padding-inline:var(--space-4)}.translate-panel textarea,.translate-output{padding:var(--space-4)}.translate-submit{width:100%}}@media (width<=390px){.translate-header h1{font-size:30px}.translate-language-field select{padding-right:var(--space-6);padding-left:var(--space-2)}}@media (prefers-reduced-motion:reduce){.translate-language-field select{transition:none}}.application-shell{--top-navigation-height:44px;background:var(--color-canvas);flex-direction:column;min-width:0;min-height:100svh;display:flex;overflow-x:clip}.application-main{min-width:0;min-height:calc(100svh - var(--top-navigation-height));flex:1;position:relative}.application-content{min-width:0;min-height:calc(100svh - var(--top-navigation-height))}.application-content>.app-shell{min-height:calc(100svh - var(--top-navigation-height))}.history-loading{min-height:calc(100svh - var(--top-navigation-height));color:var(--muted);place-items:center;font-weight:700;display:grid}.history-load-error{min-height:calc(100svh - var(--top-navigation-height));place-items:center;padding:24px;display:grid}.history-load-error>div{color:#742b2b;text-align:center;background:#fffafaeb;border:1px solid #b9343438;border-radius:20px;width:min(460px,100%);padding:24px;box-shadow:0 18px 50px #1018201a}.history-load-error strong{font-size:18px}.history-load-error p{color:#935050;font-size:13px}.history-load-error button,.live-session-error button{color:#26363d;min-height:38px;font:inherit;cursor:pointer;background:#ffffffe6;border:1px solid #70849147;border-radius:10px;padding:8px 12px;font-size:12px;font-weight:750}.history-load-error button:focus-visible,.live-session-error button:focus-visible{outline-offset:2px;outline:3px solid #0ea5a661}.live-mini-monitor{z-index:20;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#f9fdfdf0;border:1px solid #0ea5a647;border-radius:22px;gap:12px;width:min(470px,100% - 40px);padding:16px;animation:.18s ease-out monitor-in;display:grid;position:fixed;bottom:22px;right:22px;box-shadow:0 22px 60px #1018202e}@keyframes monitor-in{0%{opacity:0;transform:translateY(10px)}}.live-mini-topline{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:9px;display:grid}.live-mini-topline strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.live-mini-badge{color:#fff;letter-spacing:.1em;background:#087f70;border-radius:999px;padding:4px 7px;font-size:10px;font-weight:900}.live-mini-badge:before{content:"";background:#a7f3d0;border-radius:50%;width:6px;height:6px;margin-right:5px;display:inline-block}.live-mini-elapsed{color:var(--muted);font-variant-numeric:tabular-nums;font-size:11px}.live-mini-lines{gap:6px;display:grid}.live-mini-lines p{text-overflow:ellipsis;white-space:nowrap;background:#e1ebee85;border-radius:11px;margin:0;padding:8px 10px;font-size:12px;overflow:hidden}.live-mini-lines span{color:#087f80;letter-spacing:.06em;text-transform:uppercase;margin-right:7px;font-size:9px;font-weight:850}.live-mini-actions{gap:var(--space-2);flex-wrap:wrap;display:flex}.live-mini-actions button,.history-load-error button,.live-session-error button{min-height:var(--control-height);padding:0 var(--space-4);border:1px solid var(--color-accent);border-radius:var(--radius-control);color:var(--color-accent);background:var(--color-surface);font:inherit;cursor:pointer;font-size:14px;font-weight:600}.live-mini-actions button:focus-visible,.live-monitor-pill:focus-visible,.history-list button:focus-visible,.history-filters input:focus-visible,.history-filters select:focus-visible{outline:2px solid var(--color-accent-focus);outline-offset:2px}.live-mini-actions button:not(:disabled):hover,.history-load-error button:not(:disabled):hover,.live-session-error button:not(:disabled):hover{color:#fff;background:var(--color-accent)}.live-mini-actions button:disabled{color:#86868b;border-color:var(--color-border);background:var(--color-surface);cursor:default;opacity:.55}.live-monitor-pill{z-index:20;color:#076e64;letter-spacing:.1em;cursor:pointer;background:#f9fdfdf2;border:1px solid #0ea5a652;border-radius:999px;align-items:center;gap:7px;padding:10px 14px;font-size:11px;font-weight:900;display:flex;position:fixed;bottom:22px;right:22px;box-shadow:0 14px 34px #10182026}.live-monitor-pill span{background:#0a9e83;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 4px #0a9e8324}.live-session-error{z-index:20;color:#742b2b;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#fffafaf5;border:1px solid #b9343447;border-radius:20px;gap:8px;width:min(470px,100% - 40px);padding:16px;display:grid;position:fixed;bottom:22px;right:22px;box-shadow:0 22px 60px #1018202e}.live-session-error p{margin:0;font-size:13px;line-height:1.45}.live-session-error>div{flex-wrap:wrap;gap:7px;display:flex}.history-screen{width:100%;max-width:1440px;height:calc(100svh - var(--top-navigation-height));min-width:0;min-height:0;padding:var(--space-8) var(--space-6);gap:var(--space-5);flex-direction:column;margin:0 auto;display:flex;overflow:hidden}.history-header{min-height:var(--control-height);align-items:center;display:flex}.history-header h1{color:var(--color-ink);letter-spacing:-.03em;margin:0;font-family:SF Pro Display,SF Pro Text,Inter,system-ui,sans-serif;font-size:36px;font-weight:700;line-height:1.15}.history-workspace{gap:var(--space-6);flex:1;grid-template-columns:464px minmax(0,1fr);min-width:0;min-height:0;display:grid;overflow:hidden}.history-master-column{border:1px solid var(--color-border);border-radius:var(--radius-panel);background:var(--color-surface);grid-template-rows:auto minmax(0,1fr);min-width:0;min-height:0;display:grid;overflow:hidden}.history-filters{min-width:0;padding:var(--space-6) var(--space-6) var(--space-3);gap:var(--space-3);display:grid}.history-filters input{width:100%;height:var(--control-height);min-width:0;padding:0 var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-control);color:var(--color-ink);background:var(--color-surface-strong);font:inherit;font-size:14px}.history-filter-actions{gap:var(--space-2);grid-template-columns:repeat(2,minmax(0,1fr));min-width:0;display:grid}.history-filter-actions label{min-width:0}.history-filter-actions select,.history-filter-actions .ui-button{width:100%;height:var(--control-height)}.history-filter-actions select{padding:0 var(--space-3);border:1px solid var(--color-accent);border-radius:var(--radius-control);color:var(--color-accent);background:var(--color-surface);font:inherit;cursor:pointer;font-size:14px;font-weight:600}.history-visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.history-list-panel,.history-detail-panel{border:1px solid var(--color-border);border-radius:var(--radius-panel);background:var(--color-surface);min-width:0;min-height:0}.history-list-panel{padding:var(--space-3) var(--space-6) var(--space-6);scrollbar-color:#c7c7cc transparent;scrollbar-width:thin;border:0;border-radius:0;overflow:auto}.history-list{gap:var(--space-2);display:grid}.history-list button{width:100%;min-height:98px;padding:var(--space-4);gap:var(--space-1);border:1px solid var(--color-border);border-radius:var(--radius-control);color:var(--color-ink);background:var(--color-surface-strong);font:inherit;text-align:left;cursor:pointer;transition:border-color .14s,background-color .14s;display:grid}.history-list button:hover,.history-list button.is-selected{border-color:var(--color-accent)}.history-list button.is-selected{background:#f1f7fd}.history-type{width:fit-content;color:var(--color-accent);letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:700}.history-list strong{text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:600;overflow:hidden}.history-list small,.history-detail-header span,.history-detail-header p{color:var(--color-muted);font-size:13px}.history-empty,.history-list-panel [role=status]{margin:var(--space-3);color:var(--color-muted);font-size:13px}.history-detail-panel{scrollbar-color:#c7c7cc transparent;scrollbar-width:thin;overflow:auto}.history-back{display:none}.history-actions{min-height:84px;padding:var(--space-5) var(--space-6);align-items:center;gap:var(--space-2);border-bottom:1px solid var(--color-border);display:flex}.history-actions .history-delete{margin-left:auto}.history-actions>.ui-button,.history-export-popover>summary{min-width:96px}.history-export-popover{position:relative}.history-export-popover>summary{height:var(--control-height);padding:0 var(--space-4);border:1px solid var(--color-accent);border-radius:var(--radius-control);color:var(--color-accent);background:var(--color-surface);cursor:pointer;justify-content:center;align-items:center;font-size:14px;font-weight:600;list-style:none;display:inline-flex}.history-export-popover>summary::-webkit-details-marker{display:none}.history-export-popover>summary:not(.is-disabled):hover{color:#fff;background:var(--color-accent)}.history-export-popover>summary:focus-visible,.history-export-menu button:focus-visible{outline:2px solid var(--color-accent-focus);outline-offset:2px}.history-export-popover>summary.is-disabled{color:#86868b;border-color:var(--color-border);cursor:default;opacity:.55}.history-export-menu{width:188px;padding:var(--space-2);top:calc(100% + var(--space-2));z-index:10;gap:var(--space-1);border:1px solid var(--color-border);border-radius:var(--radius-control);background:var(--color-surface);display:grid;position:absolute;left:0}.history-export-menu button{width:100%;min-height:var(--control-height);padding:0 var(--space-3);border:1px solid var(--color-accent);border-radius:var(--radius-control);color:var(--color-accent);background:var(--color-surface);font:inherit;text-align:left;cursor:pointer;font-size:13px;font-weight:600}.history-export-menu button:not(:disabled):hover{color:#fff;background:var(--color-accent)}.history-export-menu button:disabled{color:#86868b;border-color:var(--color-border);cursor:default;opacity:.55}.history-detail-header{padding:var(--space-6) var(--space-6) 0;gap:var(--space-2);display:grid}.history-detail-header h2{color:var(--color-ink);letter-spacing:-.02em;margin:0;font-size:24px;font-weight:700;line-height:1.2}.history-detail-header p{margin:0}.history-transcripts{padding:var(--space-8) var(--space-6) var(--space-6);gap:var(--space-8);display:grid}.history-transcript-block{gap:var(--space-3);display:grid}.history-transcript-block>span{color:var(--color-muted);letter-spacing:.06em;text-transform:uppercase;font-size:13px;font-weight:700}.history-transcripts article{min-height:118px;padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-control);background:var(--color-surface-strong)}.history-transcripts p{color:var(--color-ink);white-space:pre-wrap;overflow-wrap:anywhere;margin:0;font-size:15px;line-height:1.58}.history-prepare-detail{margin:var(--space-5) var(--space-6) var(--space-6);padding:var(--space-4);gap:var(--space-4);overflow-wrap:anywhere;border:1px solid var(--color-border);border-radius:var(--radius-control);background:var(--color-surface-strong);display:grid}.history-prepare-detail section,.history-prepare-detail article{gap:8px;display:grid}.history-prepare-detail h3,.history-prepare-detail h4,.history-prepare-detail p,.history-prepare-detail ul,.history-prepare-detail ol{margin:0}.history-prepare-detail ul,.history-prepare-detail ol{gap:5px;padding-left:20px;display:grid}.history-prepare-detail li{line-height:1.5}.history-prepare-detail li span{color:var(--color-accent);font-size:12px;font-weight:700}.history-prepare-detail small{color:var(--color-muted)}.history-error{margin:0 var(--space-6);padding:var(--space-3);border-radius:var(--radius-control);color:#8f271f;background:#fff5f4;border:1px solid #f1b5b0;font-size:13px}@media (width<=900px){.history-workspace{gap:var(--space-4);grid-template-columns:minmax(260px,.7fr) minmax(0,1fr)}}@media (width>=901px) and (width<=1199px){.history-workspace{grid-template-columns:minmax(260px,.7fr) minmax(0,1fr)}}@media (width<=735px){.history-screen{height:auto;min-height:calc(100svh - var(--top-navigation-height));padding:var(--space-4);gap:var(--space-4);overflow:visible}.history-header h1{font-size:32px}.history-workspace{display:block;overflow:visible}.history-list-panel,.history-detail-panel{min-height:560px;overflow:visible}.history-detail-panel,.history-screen.has-selection .history-master-column{display:none}.history-screen.has-selection .history-detail-panel{display:block}.history-back{margin:var(--space-4) var(--space-4) 0;display:inline-flex}.history-actions{flex-wrap:wrap}}@media (width<=390px){.application-main{width:100%}.history-screen{padding:var(--space-4) var(--space-3) 92px}.history-filter-actions{grid-template-columns:1fr}.history-actions .ui-button,.history-actions .history-export-popover{flex:auto}.history-export-popover>summary{width:100%}.history-actions .history-delete{margin-left:0}.history-detail-header,.history-transcripts{padding-inline:var(--space-4)}.history-prepare-detail{margin-inline:var(--space-4)}.live-mini-monitor{border-radius:17px;gap:7px;width:auto;padding:10px 12px;inset:auto 9px 9px}.live-session-error{width:auto;inset:auto 9px 9px}.live-mini-lines p:nth-child(2){display:none}.live-mini-actions button{flex:1;min-height:31px;padding-block:5px}.live-monitor-pill{bottom:12px;right:12px}}@media (prefers-reduced-motion:reduce){.live-mini-monitor,.history-list button{transition:none;animation:none}}