.workspace-head{min-height:54px}
.brand-copy{display:grid;gap:1px;text-align:left;line-height:1}.brand-copy strong{font-size:14px;letter-spacing:.04em}.brand-copy small{color:#85858f;font-size:7px;font-weight:650;letter-spacing:.12em;text-transform:uppercase}
#view-container:has(.workspace){overflow:hidden}.view.workspace{height:100%;min-height:0;display:flex;flex-direction:column}.workspace-head,.player-panel,.analysis-brief{flex:0 0 auto}.workspace .transcript{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#34343b transparent}
.player-panel{gap:5px;padding:7px 9px}
.canvas-wrap{border-color:#29292f;border-radius:10px;box-shadow:inset 0 1px rgba(255,255,255,.02)}
.canvas-label{right:9px;bottom:6px;padding:2px 5px;border-radius:4px;background:rgba(9,9,11,.72);color:#82828c;font:600 8px ui-monospace,monospace;letter-spacing:.08em;text-transform:uppercase}
.detail-wrap{cursor:grab;touch-action:none}.detail-wrap.scrubbing{cursor:grabbing}.detail-time{position:absolute;left:8px;top:7px;display:flex;align-items:baseline;gap:4px;padding:3px 6px;border:1px solid rgba(60,60,67,.55);border-radius:6px;background:rgba(9,9,11,.8);color:#85858f;font:600 11px ui-monospace,monospace;pointer-events:none}.detail-time strong{color:var(--blue);font-size:12px}
.controls{padding:5px 8px;border-color:#29292f;border-radius:12px;background:linear-gradient(180deg,rgba(26,26,30,.78),rgba(12,12,14,.82));box-shadow:0 6px 16px rgba(0,0,0,.16),inset 0 1px rgba(255,255,255,.025)}
.transport{display:flex;align-items:center;justify-content:space-between;gap:4px;width:100%}
.transport-button{flex:0 0 30px;width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:transparent;color:#a7a7b0;transition:background .15s,color .15s,transform .15s}
.transport-button:hover{background:#25252b;color:#fff}
.transport-button:active{transform:scale(.92)}
.transport button:disabled{opacity:.25}
.transport .material-icons-round{font-size:17px}
.transport .play{flex:0 0 40px;width:40px;height:40px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.16);background:linear-gradient(145deg,#4ac8ff,#159edc);color:#071017;box-shadow:0 6px 14px rgba(14,165,233,.22),inset 0 1px rgba(255,255,255,.35);transition:transform .15s,box-shadow .15s}
.transport .play:hover{transform:translateY(-1px);box-shadow:0 10px 22px rgba(14,165,233,.32),inset 0 1px rgba(255,255,255,.4)}
.transport .play:active{transform:scale(.95)}
.transport .play .material-icons-round{font-size:22px}
.speed-control{flex:0 0 54px}.skip-control{flex:0 0 58px}.speed-control,.skip-control{height:28px;display:flex;align-items:center;justify-content:center;gap:3px;border:1px solid #3a3a43;border-radius:999px;background:#202027;color:#d0d0d7;transition:border-color .15s,background .15s,color .15s,box-shadow .15s}
.speed-control:hover,.skip-control:hover{border-color:#484852;background:#222228;color:#fff}
.speed-control{position:relative;cursor:pointer}.speed-value{font-size:11px;font-weight:750;letter-spacing:.01em}.speed-chevron{font-size:14px;color:#85858f}.speed-control select{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}
.skip-control{position:relative;cursor:pointer}
.skip-control input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}
.skip-control .material-icons-round{font-size:16px}
.skip-label{font-size:9px;font-weight:700;letter-spacing:.02em}
.skip-dot{width:4px;height:4px;border-radius:50%;background:#57575f}
.skip-control:has(input:checked){border-color:rgba(56,189,248,.55);background:rgba(12,74,110,.45);color:var(--blue)}
.skip-control:has(input:checked) .skip-dot{background:var(--blue);box-shadow:0 0 6px var(--blue)}
.skip-control:has(input:disabled){opacity:.35;cursor:not-allowed}
.transcribe-primary{width:100%;padding:9px}
.transcribe-prompt{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 9px;border:1px solid rgba(56,189,248,.22);border-radius:9px;background:rgba(12,74,110,.16);color:var(--g300);font-size:10px;line-height:1.35}.transcribe-prompt .button{flex:0 0 auto;padding:7px 10px}
.transcribe-prompt.transcribing{justify-content:flex-start}.transcribe-prompt.transcribing .transcribe-copy{display:grid;gap:3px;flex:1;min-width:0}.transcribe-prompt.transcribing strong{color:#fff;font-size:10px}.transcribe-prompt.transcribing small{color:var(--g400);font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.transcribe-prompt.transcribing em{color:#85858f;font:8px ui-monospace,monospace;font-style:normal}.batch-progress{height:5px;border-radius:999px;background:rgba(56,189,248,.12);overflow:hidden}.batch-progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#38bdf8,#34d399);transition:width .25s ease}.progress-spinner{flex:0 0 18px;width:18px;height:18px;border:2px solid rgba(56,189,248,.2);border-top-color:var(--blue);border-radius:50%;animation:spin .75s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
.analysis-brief{margin:0 9px;border:1px solid rgba(56,189,248,.18);border-radius:9px;background:linear-gradient(135deg,rgba(12,74,110,.25),rgba(18,18,20,.8));overflow:hidden}.analysis-brief summary{height:30px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:7px;padding:0 8px;list-style:none;cursor:pointer}.analysis-brief summary::-webkit-details-marker{display:none}.analysis-title{display:flex;align-items:center;gap:4px;color:var(--blue);font-size:8px;text-transform:uppercase;letter-spacing:.06em;white-space:nowrap}.analysis-title .material-icons-round{font-size:11px}.analysis-preview{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--g400);font-size:8px}.analysis-chevron{font-size:14px;color:var(--g400);transition:transform .15s}.analysis-brief[open] .analysis-chevron{transform:rotate(180deg)}.analysis-brief[open] .analysis-preview{display:none}.analysis-body{padding:0 8px 8px;display:grid;gap:5px}.analysis-body p{margin:0;color:var(--g300);font-size:10px;line-height:1.35}.analysis-facts,.analysis-topics{display:flex;gap:4px;overflow-x:auto;scrollbar-width:none}.analysis-facts span,.analysis-topics span{flex:0 0 auto;padding:2px 5px;border-radius:999px;font-size:7px}.analysis-facts span{background:rgba(56,189,248,.1);color:#a9e4ff}.analysis-topics span{border:1px solid #34343b;color:var(--g400)}
.overflow{position:relative}
.overflow summary{display:grid;place-items:center;list-style:none}
.overflow summary::-webkit-details-marker{display:none}
.overflow-menu{position:absolute;right:0;top:36px;z-index:10;min-width:150px;padding:5px;border:1px solid var(--g700);border-radius:9px;background:var(--g800);box-shadow:0 10px 25px rgba(0,0,0,.45)}
.overflow-menu button{width:100%;padding:8px;border-radius:6px;background:transparent;text-align:left;font-size:11px}
.overflow-menu button:hover{background:var(--g700)}
.danger-text{color:var(--red)}
.transcript{padding:8px;gap:3px}
.transcript-row{width:100%;display:grid;grid-template-columns:18px 36px 1fr;gap:5px;align-items:start;padding:6px 7px;border-radius:7px;background:transparent;color:var(--g300);text-align:left}
.transcript-row:hover{background:var(--g900)}
.transcript-row.active{background:linear-gradient(90deg,rgba(12,74,110,.5),rgba(12,74,110,.12));box-shadow:inset 2px 0 var(--blue);color:#fff}.transcript-row.active .offset{color:var(--blue)}.transcript-row.active .role-icon{filter:brightness(1.35)}
.transcript-row:disabled{cursor:default}
.role-icon{font-size:12px;color:#71717a;margin-top:2px}
.role-atc .role-icon{color:var(--blue)}
.role-aircraft .role-icon{color:var(--amber)}
.offset{color:var(--g400);font:9px ui-monospace,monospace;line-height:1.55}
.sentence{font-size:11px;line-height:1.4}
.notice{padding:6px}
@media(max-width:380px){.transport{gap:1px}.transport-button{flex-basis:27px;width:27px;height:28px}.speed-control{flex-basis:46px}.skip-control{flex-basis:48px}.skip-label{display:none}.transport .play{flex-basis:38px;width:38px;height:38px}}