:root{--text-muted:var(--muted);--text-main:var(--ink);--text-secondary:var(--muted)}
.editor-intro:before{background-image:url('transcriber-art-v1.png');inset:-8px -15px -25px 7%;background-size:100% auto;background-position:center;opacity:.46}[data-theme=dark] .editor-intro:before{opacity:.2}.editor-icon{background:linear-gradient(145deg,#a7bfb8,#5b8178)}
.desk-heading{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;padding:18px 0;border-bottom:1px solid var(--line);font-size:12px;color:var(--muted);margin-bottom:24px}.desk-heading span:last-child{font-size:11px}
.transcription-desk{border:1px solid var(--line);border-radius:13px;overflow:hidden;background:var(--surface);scroll-margin-top:100px}.source-strip{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:26px 30px;background:var(--wash)}.source-info{display:flex;flex-direction:column;gap:10px;min-width:0}.source-info .eyebrow{font-size:9px}.source-info strong{font-size:16px;letter-spacing:-.25px;overflow-wrap:anywhere}.source-info>span:last-child{font-size:11px;color:var(--muted)}.source-actions{display:flex;gap:10px;align-items:center;flex-shrink:0;flex-wrap:wrap}#dropZone{padding:10px 14px;border:1px solid var(--line);border-radius:7px;font-size:12px;background:var(--surface);cursor:pointer}#dropZone:focus-visible{outline:2px solid #007da5;outline-offset:3px}
.listen-strip{display:flex;align-items:center;gap:24px;padding:17px 30px;border-top:1px solid var(--line);background:var(--wash)}.listen-strip[hidden]{display:none}.listen-strip audio{width:360px;max-width:100%;height:36px}.listen-strip>span{font-size:11px;color:var(--muted)}
.transcript-heading{display:flex;justify-content:space-between;gap:18px;padding:18px 30px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:10px;letter-spacing:1.2px;color:var(--muted)}.transcript-heading span:last-child{letter-spacing:0;font-size:11px}.writing-area{min-height:400px;display:flex;flex-direction:column;background:var(--surface)}#emptyState,#consentState{min-height:400px;padding:55px 30px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}#emptyState svg{color:var(--muted)}#emptyState h2{font-size:29px;letter-spacing:-1px;margin:22px 0 12px}#emptyState p{font-size:14px;line-height:1.9;color:var(--muted);margin:0}.empty-note{font-size:10px;color:var(--muted);margin-top:30px}#consentState{gap:20px}#consentState h2{font-size:32px;letter-spacing:-1px;line-height:1.2;margin:0}#consentState p{max-width:580px;line-height:1.85;font-size:13px;color:var(--muted);margin:0}#consentState small{font-size:10px;color:var(--muted)}.consent-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}
#activeState{flex:1;flex-direction:column}.transcript-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:18px 30px;border-top:1px solid var(--line)}.transcript-actions span{font-size:10px;color:var(--muted);margin-right:auto}.transcript-actions button{flex-shrink:0}#transcriptOutput{border:0;display:block;resize:vertical;width:100%;min-height:400px;box-sizing:border-box;padding:34px 40px;background:var(--surface);color:var(--ink);font:17px/2 Georgia,serif;outline-offset:-4px}#transcriptOutput::placeholder{font:14px/2 Georgia,serif;color:var(--muted)}
.processing-status{padding:18px 30px;border-top:1px solid var(--line);font-size:12px;color:var(--muted);line-height:1.7}#statusPercent{float:right}#progressBarContainer{height:3px;background:var(--line);margin-top:13px;overflow:hidden;border-radius:5px}#progressBarFill{height:100%;width:0;background:#658e82;transition:width .2s}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}button{cursor:pointer;box-shadow:none}.site-header .theme-choice{width:78px;max-width:78px;margin:0;padding:10px 9px;font-size:11px;flex:none}
@media(max-width:760px){.source-strip{align-items:start;flex-direction:column;padding:23px}.source-actions{width:100%}.listen-strip{padding:17px 23px;flex-direction:column;align-items:start;gap:12px}.listen-strip audio{width:100%}.transcript-heading{padding:17px 23px}.transcript-heading span:last-child{display:none}#emptyState,#consentState{padding:40px 23px;min-height:330px}#consentState h2{font-size:28px}#transcriptOutput{padding:26px 23px;font-size:16px;min-height:360px}.transcript-actions{padding:18px 23px}.transcript-actions span{width:100%;margin-bottom:8px}.processing-status{padding:17px 23px}.editor-intro:before{opacity:.28;background-size:auto 100%}}