.upload-panel{display:flex;align-items:center;justify-content:space-between;gap:1rem;border:1px solid var(--surface-border);border-radius:22px;padding:1rem 1.5rem;background:var(--surface-bg);box-shadow:var(--surface-shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.upload-panel h2{margin:0;font-size:1.1rem}.upload-panel p{margin:.25rem 0 0;color:var(--app-muted)}.upload-actions{display:flex;gap:.75rem}.primary{border:none;border-radius:999px;padding:.65rem 1.5rem;font-weight:600;background:var(--primary-bg);color:var(--primary-text);cursor:pointer;box-shadow:0 16px 30px #0ea5e92e}.primary:disabled{opacity:.5;cursor:not-allowed}.error{color:#be123c;margin:.5rem 0 0}.chunk-list{overflow-y:auto;padding:0 .5rem 0 0;flex:1;min-height:0}.chunk-list.empty{display:flex;align-items:center;justify-content:center;color:var(--app-muted);font-style:italic}.chunk-section+.chunk-section{margin-top:1.5rem}.chunk-section header{margin-bottom:.5rem}.chunk-section h3{margin:0;font-size:.95rem;text-transform:uppercase;color:var(--app-muted);letter-spacing:.08em}.chunk-section ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem}.chunk-item{width:100%;min-width:0;text-align:left;border:1px solid rgba(148,163,184,.18);border-radius:18px;padding:.75rem 1rem;background:#f8fafceb;display:flex;flex-direction:column;gap:.35rem;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease}.chunk-item:hover,.chunk-item.hovered{transform:translate(2px);border-color:#0ea5e94d;box-shadow:0 12px 28px #0f172a0d}.chunk-item.active{border-color:#0ea5e9;background:#ecfefff5;box-shadow:0 10px 24px #0ea5e926}.chunk-item.speaking{border-color:#14b8a6;background:#dcfce7e0}.chunk-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:#4f46e5}.chunk-text{color:var(--app-text);font-size:.95rem;line-height:1.4;white-space:normal;overflow-wrap:anywhere;word-break:break-word}.chunk-status{font-size:.8rem;color:var(--success-text)}.pdf-pane{background:transparent;border-radius:0;padding:0;color:var(--app-text);display:flex;flex-direction:column;height:100%}.pdf-placeholder{flex:1;display:flex;align-items:center;justify-content:center;color:var(--app-muted)}.pdf-viewer{flex:1;width:100%;margin:0 auto;display:flex;flex-direction:column;align-items:center;padding:.25rem 0}.pdf-page-stage{position:relative;display:inline-block;margin:0 auto;max-width:100%;flex:0 0 auto}.pdf-overlays{position:absolute;top:0;left:0}.overlay{position:absolute;border:2px solid rgba(15,23,42,.16);border-radius:6px;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease;background:transparent;cursor:pointer}.overlay.active{border-color:#0ea5e9bf;background:#22d3ee29;box-shadow:0 0 0 2px #0ea5e938}.overlay.hovered{border-color:#fef08a;background:#fef08a33}:root{--react-pdf-annotation-layer: 1;--annotation-unfocused-field-background: url("data:image/svg+xml;charset=UTF-8,<svg width='1px' height='1px' xmlns='http://www.w3.org/2000/svg'><rect width='100%' height='100%' style='fill:rgba(0, 54, 255, 0.13);'/></svg>");--input-focus-border-color: Highlight;--input-focus-outline: 1px solid Canvas;--input-unfocused-border-color: transparent;--input-disabled-border-color: transparent;--input-hover-border-color: black;--link-outline: none}@media screen and (forced-colors: active){:root{--input-focus-border-color: CanvasText;--input-unfocused-border-color: ActiveText;--input-disabled-border-color: GrayText;--input-hover-border-color: Highlight;--link-outline: 1.5px solid LinkText}.annotationLayer .textWidgetAnnotation :is(input,textarea):required,.annotationLayer .choiceWidgetAnnotation select:required,.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input:required{outline:1.5px solid selectedItem}.annotationLayer .linkAnnotation:hover{-webkit-backdrop-filter:invert(100%);backdrop-filter:invert(100%)}}.annotationLayer{position:absolute;top:0;left:0;pointer-events:none;transform-origin:0 0;z-index:3}.annotationLayer[data-main-rotation="90"] .norotate{transform:rotate(270deg) translate(-100%)}.annotationLayer[data-main-rotation="180"] .norotate{transform:rotate(180deg) translate(-100%,-100%)}.annotationLayer[data-main-rotation="270"] .norotate{transform:rotate(90deg) translateY(-100%)}.annotationLayer canvas{position:absolute;width:100%;height:100%}.annotationLayer section{position:absolute;text-align:initial;pointer-events:auto;box-sizing:border-box;margin:0;transform-origin:0 0}.annotationLayer .linkAnnotation{outline:var(--link-outline)}.textLayer.selecting~.annotationLayer section{pointer-events:none}.annotationLayer :is(.linkAnnotation,.buttonWidgetAnnotation.pushButton)>a{position:absolute;font-size:1em;top:0;left:0;width:100%;height:100%}.annotationLayer :is(.linkAnnotation,.buttonWidgetAnnotation.pushButton)>a:hover{opacity:.2;background:#ff0;box-shadow:0 2px 10px #ff0}.annotationLayer .textAnnotation img{position:absolute;cursor:pointer;width:100%;height:100%;top:0;left:0}.annotationLayer .textWidgetAnnotation :is(input,textarea),.annotationLayer .choiceWidgetAnnotation select,.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input{background-image:var(--annotation-unfocused-field-background);border:2px solid var(--input-unfocused-border-color);box-sizing:border-box;font:calc(9px * var(--total-scale-factor)) sans-serif;height:100%;margin:0;vertical-align:top;width:100%}.annotationLayer .textWidgetAnnotation :is(input,textarea):required,.annotationLayer .choiceWidgetAnnotation select:required,.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input:required{outline:1.5px solid red}.annotationLayer .choiceWidgetAnnotation select option{padding:0}.annotationLayer .buttonWidgetAnnotation.radioButton input{border-radius:50%}.annotationLayer .textWidgetAnnotation textarea{resize:none}.annotationLayer .textWidgetAnnotation :is(input,textarea)[disabled],.annotationLayer .choiceWidgetAnnotation select[disabled],.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input[disabled]{background:none;border:2px solid var(--input-disabled-border-color);cursor:not-allowed}.annotationLayer .textWidgetAnnotation :is(input,textarea):hover,.annotationLayer .choiceWidgetAnnotation select:hover,.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input:hover{border:2px solid var(--input-hover-border-color)}.annotationLayer .textWidgetAnnotation :is(input,textarea):hover,.annotationLayer .choiceWidgetAnnotation select:hover,.annotationLayer .buttonWidgetAnnotation.checkBox input:hover{border-radius:2px}.annotationLayer .textWidgetAnnotation :is(input,textarea):focus,.annotationLayer .choiceWidgetAnnotation select:focus{background:none;border:2px solid var(--input-focus-border-color);border-radius:2px;outline:var(--input-focus-outline)}.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) :focus{background-image:none;background-color:transparent}.annotationLayer .buttonWidgetAnnotation.checkBox :focus{border:2px solid var(--input-focus-border-color);border-radius:2px;outline:var(--input-focus-outline)}.annotationLayer .buttonWidgetAnnotation.radioButton :focus{border:2px solid var(--input-focus-border-color);outline:var(--input-focus-outline)}.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before,.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after,.annotationLayer .buttonWidgetAnnotation.radioButton input:checked:before{background-color:CanvasText;content:"";display:block;position:absolute}.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before,.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after{height:80%;left:45%;width:1px}.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before{transform:rotate(45deg)}.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after{transform:rotate(-45deg)}.annotationLayer .buttonWidgetAnnotation.radioButton input:checked:before{border-radius:50%;height:50%;left:30%;top:20%;width:50%}.annotationLayer .textWidgetAnnotation input.comb{font-family:monospace;padding-left:2px;padding-right:0}.annotationLayer .textWidgetAnnotation input.comb:focus{width:103%}.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input{-webkit-appearance:none;-moz-appearance:none;appearance:none}.annotationLayer .popupTriggerArea{height:100%;width:100%}.annotationLayer .fileAttachmentAnnotation .popupTriggerArea{position:absolute}.annotationLayer .popupWrapper{position:absolute;font-size:calc(9px * var(--total-scale-factor));width:100%;min-width:calc(180px * var(--total-scale-factor));pointer-events:none}.annotationLayer .popup{position:absolute;max-width:calc(180px * var(--total-scale-factor));background-color:#ff9;box-shadow:0 calc(2px * var(--total-scale-factor)) calc(5px * var(--total-scale-factor)) #888;border-radius:calc(2px * var(--total-scale-factor));padding:calc(6px * var(--total-scale-factor));margin-left:calc(5px * var(--total-scale-factor));cursor:pointer;font:message-box;white-space:normal;word-wrap:break-word;pointer-events:auto}.annotationLayer .popup>*{font-size:calc(9px * var(--total-scale-factor))}.annotationLayer .popup h1{display:inline-block}.annotationLayer .popupDate{display:inline-block;margin-left:calc(5px * var(--total-scale-factor))}.annotationLayer .popupContent{border-top:1px solid rgba(51,51,51,1);margin-top:calc(2px * var(--total-scale-factor));padding-top:calc(2px * var(--total-scale-factor))}.annotationLayer .richText>*{white-space:pre-wrap;font-size:calc(9px * var(--total-scale-factor))}.annotationLayer .highlightAnnotation,.annotationLayer .underlineAnnotation,.annotationLayer .squigglyAnnotation,.annotationLayer .strikeoutAnnotation,.annotationLayer .freeTextAnnotation,.annotationLayer .lineAnnotation svg line,.annotationLayer .squareAnnotation svg rect,.annotationLayer .circleAnnotation svg ellipse,.annotationLayer .polylineAnnotation svg polyline,.annotationLayer .polygonAnnotation svg polygon,.annotationLayer .caretAnnotation,.annotationLayer .inkAnnotation svg polyline,.annotationLayer .stampAnnotation,.annotationLayer .fileAttachmentAnnotation{cursor:pointer}.annotationLayer section svg{position:absolute;width:100%;height:100%;top:0;left:0}.annotationLayer .annotationTextContent{position:absolute;width:100%;height:100%;opacity:0;color:transparent;-webkit-user-select:none;user-select:none;pointer-events:none}.annotationLayer .annotationTextContent span{width:100%;display:inline-block}:root{--react-pdf-text-layer: 1;--highlight-bg-color: rgba(180, 0, 170, 1);--highlight-selected-bg-color: rgba(0, 100, 0, 1)}@media screen and (forced-colors: active){:root{--highlight-bg-color: Highlight;--highlight-selected-bg-color: ButtonText}}[data-main-rotation="90"]{transform:rotate(90deg) translateY(-100%)}[data-main-rotation="180"]{transform:rotate(180deg) translate(-100%,-100%)}[data-main-rotation="270"]{transform:rotate(270deg) translate(-100%)}.textLayer{position:absolute;text-align:initial;top:0;right:0;bottom:0;left:0;overflow:hidden;line-height:1;text-size-adjust:none;forced-color-adjust:none;transform-origin:0 0;z-index:2}.textLayer :is(span,br){color:transparent;position:absolute;white-space:pre;cursor:text;margin:0;transform-origin:0 0}.textLayer span.markedContent{top:0;height:0}.textLayer .highlight{margin:-1px;padding:1px;background-color:var(--highlight-bg-color);border-radius:4px}.textLayer .highlight.appended{position:initial}.textLayer .highlight.begin{border-radius:4px 0 0 4px}.textLayer .highlight.end{border-radius:0 4px 4px 0}.textLayer .highlight.middle{border-radius:0}.textLayer .highlight.selected{background-color:var(--highlight-selected-bg-color)}.textLayer br::selection{background:transparent}.textLayer .endOfContent{display:block;position:absolute;top:100%;right:0;bottom:0;left:0;z-index:-1;cursor:default;-webkit-user-select:none;user-select:none}.textLayer.selecting .endOfContent{top:0}.hiddenCanvasElement{position:absolute;top:0;left:0;width:0;height:0;display:none}:root{font-family:Segoe UI,Helvetica Neue,Helvetica,Arial,sans-serif;color:#111827;background:radial-gradient(circle at top left,rgba(15,118,110,.18),transparent 28%),linear-gradient(180deg,#eef2ff,#f7fafc 38%,#edf6f5);--app-bg: radial-gradient(circle at top left, rgba(15, 118, 110, .18), transparent 28%), linear-gradient(180deg, #eef2ff, #f7fafc 38%, #edf6f5);--app-text: #111827;--app-muted: #475569;--app-muted-strong: #334155;--surface-bg: rgba(255, 255, 255, .88);--surface-bg-strong: #f8fafc;--surface-border: rgba(148, 163, 184, .18);--surface-shadow: 0 20px 45px rgba(15, 23, 42, .06);--hero-bg: radial-gradient(circle at top right, rgba(56, 189, 248, .22), transparent 30%), linear-gradient(135deg, #071423, #0f2b46 58%, #0f4c5c);--hero-text: #eff6ff;--hero-muted: #dbeafe;--hero-accent: #a5f3fc;--primary-bg: linear-gradient(135deg, #14b8a6, #0ea5e9);--primary-text: #ecfeff;--secondary-bg: #e2e8f0;--secondary-text: #0f172a;--secondary-border: #cbd5e1;--status-bg: linear-gradient(180deg, rgba(255, 255, 255, .92), rgba(241, 245, 249, .96));--status-text: #1e293b;--status-label: #0f4c5c;--status-border: rgba(148, 163, 184, .22);--success-text: #166534}body,html{margin:0;padding:0;background:var(--app-bg);color:var(--app-text)}#root,.app-shell{min-height:100vh}.app-shell{width:min(100%,1760px);margin:0 auto;padding:clamp(1rem,1.8vw,2rem) clamp(1rem,2vw,2rem) 3rem;display:flex;flex-direction:column;gap:1.5rem}header{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(280px,.8fr);align-items:stretch;gap:1rem}.header-hero{padding:1.75rem 1.9rem;border-radius:26px;color:var(--hero-text);background:var(--hero-bg);box-shadow:0 35px 70px #0f172a26}.header-status{padding:1.15rem 1.25rem;border-radius:24px;background:var(--status-bg);color:var(--status-text);border:1px solid var(--status-border);align-self:center;justify-self:stretch;min-height:84px;display:flex;align-items:center;box-shadow:0 15px 40px #0f172a0f}.header-status>div{width:100%}.brand-lockup{display:flex;align-items:flex-start;gap:1rem}.brand-mark{width:76px;height:76px;object-fit:contain;flex-shrink:0}header h1{margin:.15rem 0 .5rem;font-size:clamp(2.8rem,4vw,4.4rem);letter-spacing:-.06em}header p{margin:0;color:var(--hero-muted);max-width:42rem;line-height:1.5}.status-chip{display:inline-flex;align-items:center;padding:0;background:transparent;color:var(--status-text);border-radius:0;font-size:1rem;font-weight:500;box-shadow:none;line-height:1.45}.header-eyebrow{margin-bottom:.35rem}.header-status .header-status-label{margin:0 0 .45rem;color:var(--status-label)}.header-status .status-chip{max-width:28rem}.header-status-actions{margin-top:.85rem}.header-status-actions .secondary-button{background:#ffffffb3;border-color:#94a3b83d}.startup-panel{display:grid;grid-template-columns:1.4fr .8fr;gap:1.25rem;padding:1.5rem;border-radius:24px;background:var(--hero-bg);color:var(--hero-text);box-shadow:0 40px 80px #0f172a2e}.startup-warning{display:grid;grid-template-columns:1.2fr .8fr;gap:1.25rem;padding:1.35rem 1.5rem;border-radius:24px;background:#ffffffe6;border:1px solid rgba(251,191,36,.28);box-shadow:0 24px 55px #0f172a14}.startup-warning-copy h2,.startup-warning-copy p{margin:0}.startup-warning-copy h2{margin:.25rem 0 .6rem;font-size:1.8rem;letter-spacing:-.04em}.startup-warning-copy p{color:var(--app-muted);line-height:1.55}.startup-warning-steps{padding:1rem 1.1rem;border-radius:18px;background:#fffbebe6;border:1px solid rgba(251,191,36,.18);color:#78350f}.startup-warning-steps strong{display:block;margin-bottom:.7rem}.startup-warning-steps ol{margin:0;padding-left:1.2rem;display:grid;gap:.55rem}.startup-warning-steps code{display:inline-block;margin-top:.25rem;padding:.12rem .4rem;border-radius:8px;background:#0f172a14;color:#0f172a}.startup-copy h2{margin:.25rem 0 .6rem;font-size:2rem;letter-spacing:-.04em}.startup-copy p{margin:0;max-width:42rem;color:var(--hero-muted)}.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:.78rem;color:var(--hero-accent)}.startup-actions{margin-top:1.25rem;display:flex;flex-wrap:wrap;gap:.85rem;align-items:center}.startup-actions-stacked{flex-direction:column;align-items:stretch}.activation-field{display:flex;flex-direction:column;gap:.45rem;width:min(420px,100%)}.activation-field span{color:#bfdbfe;font-size:.88rem;letter-spacing:.04em;text-transform:uppercase}.activation-field input{border:1px solid rgba(103,232,249,.28);border-radius:14px;padding:.9rem 1rem;background:#0f172a61;color:#eff6ff;font-size:1rem;outline:none}.activation-field input::placeholder{color:#bfdbfe99}.activation-field input:focus{border-color:#67e8f9b3;box-shadow:0 0 0 3px #67e8f924}.startup-loading{margin-top:1rem;display:inline-flex;align-items:center;gap:.75rem;padding:.7rem .9rem;border-radius:999px;background:#ffffff14;color:#dbeafe;font-size:.95rem}.startup-spinner{width:18px;height:18px;border-radius:999px;border:2px solid rgba(255,255,255,.25);border-top-color:#67e8f9;animation:startup-spin .8s linear infinite}.primary-button{border:0;border-radius:999px;padding:.8rem 1.2rem;background:var(--primary-bg);color:var(--primary-text);font-weight:700;cursor:pointer;box-shadow:0 16px 30px #0ea5e92e}.primary-button:disabled{cursor:wait;opacity:.7}.secondary-button{border:1px solid var(--secondary-border);border-radius:999px;padding:.7rem 1rem;background:var(--secondary-bg);color:var(--secondary-text);font-weight:600;cursor:pointer}.secondary-button:disabled{opacity:.55;cursor:not-allowed}.startup-hint{color:#bfdbfe;font-size:.95rem}.startup-error{margin-top:1rem;padding:.9rem 1rem;border-radius:14px;background:#f871711f;border:1px solid rgba(248,113,113,.3);color:#fecaca}.startup-card{display:flex;flex-direction:column;justify-content:center;gap:.45rem;padding:1.2rem;border-radius:18px;background:#0f172a73;border:1px solid rgba(148,163,184,.18)}.startup-card strong{font-size:1.05rem}.startup-card span{color:#cbd5e1}.startup-indicator{width:14px;height:14px;border-radius:999px;margin-bottom:.4rem;box-shadow:0 0 0 8px #ffffff0f}.startup-starting{background:#fbbf24}.startup-license_required,.startup-indicator-error{background:#f87171}.startup-ready{background:#4ade80}@keyframes startup-spin{to{transform:rotate(360deg)}}.desktop-diagnostics{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;padding:1rem 1.1rem;border-radius:22px;background:var(--surface-bg);border:1px solid var(--surface-border);box-shadow:var(--surface-shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.debug-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a61;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;padding:1.5rem;z-index:30}.debug-modal{width:min(1040px,100%);max-height:min(80vh,760px);overflow:auto;padding:1.4rem;border-radius:26px;background:#fffffff0;border:1px solid rgba(148,163,184,.24);box-shadow:0 35px 80px #0f172a2e}.debug-modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1rem}.debug-modal-header h2{margin:.2rem 0 0;font-size:1.5rem;letter-spacing:-.03em}.debug-modal .desktop-diagnostics{box-shadow:none;background:transparent;border:0;padding:0;-webkit-backdrop-filter:none;backdrop-filter:none}.debug-modal .diagnostics-path{white-space:normal;overflow-wrap:anywhere}.debug-modal-eyebrow{color:#0f4c5c}.desktop-diagnostics>div{display:flex;flex-direction:column;gap:.2rem;min-width:0}.diagnostics-label{margin:0;font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:var(--app-muted-strong)}.desktop-diagnostics strong{font-size:1rem;color:var(--app-text)}.desktop-diagnostics span{color:var(--app-muted);font-size:.9rem}.diagnostics-path{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}main{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(280px,.8fr);gap:clamp(1rem,1.6vw,2rem);min-height:calc(100vh - 280px);align-items:flex-start}.pdf-column,.chunk-column{background:var(--surface-bg);border:1px solid var(--surface-border);border-radius:22px;padding:clamp(.85rem,1vw,1.15rem);box-shadow:var(--surface-shadow);min-height:0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.pdf-column{overflow-y:auto;overflow-x:hidden;position:sticky;top:1rem;align-self:flex-start;padding:.75rem;background:radial-gradient(circle at top left,rgba(14,165,233,.14),transparent 28%),linear-gradient(180deg,#fffffff0,#f1f5f9f5 55%,#edf6f5fa);-ms-overflow-style:none;scrollbar-width:none}.pdf-column::-webkit-scrollbar{width:0;height:0}.chunk-column{display:flex;flex-direction:column;overflow:hidden;min-width:0}.playback-panel{padding:.75rem 1rem;border-radius:20px;background:var(--surface-bg);border:1px solid var(--surface-border);display:grid;grid-template-columns:auto auto minmax(0,1fr);align-items:center;gap:.75rem;box-shadow:var(--surface-shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.playback-panel .secondary-button{padding:.6rem .9rem;font-size:.95rem;line-height:1.1}.playback-panel-sticky{position:sticky;top:1rem;z-index:4;box-shadow:0 12px 28px #0f172a0f}.playback-summary{display:flex;align-items:center;gap:.75rem;min-width:0;flex:1 1 auto;white-space:nowrap}.playback-kicker{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#9a3412}.playback-summary strong{color:#0f4c5c}.playback-summary span:last-child{color:var(--app-muted);font-size:.9rem;overflow:hidden;text-overflow:ellipsis}.playback-controls{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;grid-column:3;min-width:0;justify-content:flex-end}.playback-toolbar{display:flex;flex-wrap:nowrap;gap:.4rem;align-items:center;justify-content:flex-end;min-width:0}.page-indicator{font-size:.9rem;font-weight:700;color:var(--app-muted-strong);white-space:nowrap}.playback-speed-control,.playback-voice-control{display:flex;align-items:center;gap:.4rem;min-width:max-content;white-space:nowrap}.playback-auto-play{display:inline-flex;align-items:center;gap:.55rem;min-width:max-content;white-space:nowrap;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--app-muted)}.playback-auto-play input{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:2.9rem;height:1.7rem;border-radius:999px;border:1px solid rgba(148,163,184,.35);background:#cbd5e1e6;cursor:pointer;position:relative;transition:background-color .16s ease,border-color .16s ease}.playback-auto-play input:after{content:"";position:absolute;top:50%;left:.22rem;width:1.2rem;height:1.2rem;border-radius:999px;background:#fff;box-shadow:0 3px 10px #0f172a29;transform:translateY(-50%);transition:transform .16s ease}.playback-auto-play input:checked{background:linear-gradient(135deg,#14b8a6,#0ea5e9);border-color:#0ea5e96b}.playback-auto-play input:checked:after{transform:translate(1.15rem,-50%)}.playback-auto-play input:focus-visible{outline:2px solid rgba(14,165,233,.35);outline-offset:2px}.playback-page-nav{display:flex;align-items:center;gap:.4rem;white-space:nowrap;min-width:0}.playback-zoom-control{display:flex;align-items:center;gap:.4rem;white-space:nowrap;min-width:0;justify-self:center}.playback-zoom-label{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--app-muted)}.zoom-button{min-width:2.6rem;padding-inline:0}.zoom-readout{min-width:4.75rem;justify-content:center}.playback-speed-control span,.playback-voice-control span{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--app-muted)}.playback-speed-control select{border:1px solid var(--secondary-border);border-radius:12px;padding:.55rem .7rem;background:var(--surface-bg-strong);color:var(--app-text);min-width:78px}.playback-voice-control select{border:1px solid var(--secondary-border);border-radius:12px;padding:.55rem .7rem;background:var(--surface-bg-strong);color:var(--app-text);min-width:170px;max-width:220px}.playback-voice-status{grid-column:3;justify-self:end;color:var(--app-muted);font-size:.82rem;line-height:1.4;text-align:right}@media (max-width: 1280px){.playback-panel{padding:.6rem .75rem;gap:.55rem}.playback-panel .secondary-button{padding:.5rem .72rem;font-size:.88rem}.playback-page-nav,.playback-zoom-control{gap:.3rem}.playback-controls{gap:.45rem}.playback-toolbar{gap:.28rem}.zoom-button{min-width:2.25rem}.zoom-readout{min-width:4.1rem}.playback-speed-control select{min-width:72px;padding:.48rem .6rem}.playback-voice-control select{min-width:148px;max-width:190px;padding:.48rem .6rem}.page-indicator{font-size:.82rem}.playback-zoom-label,.playback-speed-control span,.playback-voice-control span,.playback-auto-play{font-size:.68rem}}@media (max-width: 1020px){.playback-panel{grid-template-columns:auto 1fr}.playback-zoom-control{justify-self:start}.playback-controls{grid-column:1 / -1;justify-content:flex-start}.playback-voice-status{grid-column:1 / -1;justify-self:start;text-align:left}}@media (max-width: 900px){header{grid-template-columns:1fr}.brand-lockup{align-items:flex-start}.brand-mark{width:60px;height:60px}.desktop-diagnostics,.startup-panel,.startup-warning{grid-template-columns:1fr}.debug-modal{padding:1rem}.debug-modal-header{flex-direction:column;align-items:stretch}main{grid-template-columns:1fr;min-height:auto}.playback-panel{grid-template-columns:1fr;align-items:stretch}.playback-summary,.playback-toolbar{white-space:normal;flex-wrap:wrap}.playback-controls{grid-column:1;flex-wrap:wrap;justify-content:flex-start}.playback-page-nav,.playback-zoom-control{flex-wrap:wrap}.playback-speed-control,.playback-voice-control,.playback-auto-play{justify-content:flex-start}.playback-voice-status{font-size:.78rem}}*{box-sizing:border-box}body{margin:0;font-family:inherit}button{font:inherit}