.transcription-page{max-width:1500px}.transcription-header{display:flex;justify-content:space-between;align-items:center;margin-top:24px}.transcription-heading{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:30px;align-items:center}.transcription-heading h1{margin-top:6px}.transcription-mark{display:grid;place-items:center;width:96px;height:96px;border:1px solid var(--awal-line);border-radius:50%;background:var(--awal-card);color:var(--clay);font-size:48px}.transcription-tool{margin-top:28px;padding:30px;background:var(--awal-card);border:1px solid var(--awal-line);border-top:3px solid var(--teal);border-radius:4px}.transcription-toolbar,.script-panel-header{display:flex;align-items:center;justify-content:space-between;gap:20px}.transcription-toolbar h2{margin:3px 0 18px}.transcription-actions,.script-panel-header>div{display:flex;gap:8px}.transcription-actions button,.text-action{min-height:38px;padding:7px 13px;background:#e9ede3;color:var(--teal);border:1px solid #d3dbd0}.transcription-grid{display:grid;grid-template-columns:minmax(0,1fr) 44px minmax(0,1fr);align-items:stretch}.script-panel{min-width:0}.script-panel h3{margin:0;font:600 15px 'Segoe UI',Arial,sans-serif;color:var(--ink)}.script-panel-header{min-height:48px}.script-panel textarea,.transcription-result{box-sizing:border-box;width:100%;min-height:230px;padding:20px;border:1px solid #cbd3c8;border-radius:3px;background:#fffefa;color:var(--ink);font:19px/1.7 'Segoe UI',Arial,sans-serif;resize:vertical}.transcription-result{font-size:29px;color:var(--teal);white-space:pre-wrap;overflow-wrap:anywhere}.transcription-result.latin-result{font-size:19px}.transcription-result.is-empty{font-size:15px;color:var(--awal-muted)}.conversion-arrow{display:grid;place-items:center;padding-top:87px;color:var(--clay);font-size:25px}.special-characters{display:flex;gap:7px;overflow-x:auto;padding:3px 0 10px}.special-characters.full-keyboard{display:grid;grid-template-columns:repeat(auto-fit,minmax(38px,1fr));overflow:visible}.character-key{flex:0 0 38px;width:38px;min-height:38px;padding:0;border:1px solid #cbd3c8;background:#f0f2e9;color:var(--teal);font-size:19px}.full-keyboard .character-key{width:100%}.conversion-status{min-height:25px;margin:10px 0 0;color:var(--clay);font-weight:600}.transcription-help{display:grid;grid-template-columns:minmax(240px,.8fr) minmax(0,1.2fr);gap:40px;margin-top:28px;padding:27px 30px;border:1px solid var(--awal-line);background:#eceee5}.transcription-help h2{margin:4px 0}.transcription-help p:last-child{margin:auto 0;color:var(--awal-muted)}
@media(max-width:850px){.transcription-grid{grid-template-columns:1fr}.conversion-arrow{padding:6px;transform:rotate(90deg)}.transcription-toolbar{align-items:flex-start;flex-direction:column}.transcription-toolbar h2{margin-bottom:5px}.transcription-help{grid-template-columns:1fr;gap:8px}}
@media(max-width:520px){.transcription-heading{grid-template-columns:1fr}.transcription-mark{display:none}.transcription-tool{padding:20px}.transcription-actions{width:100%}.transcription-actions button{flex:1}.script-panel-header{align-items:flex-start;flex-direction:column;gap:6px;margin-bottom:8px}.script-panel-header>div{width:100%}.script-panel-header .text-action{flex:1}.script-panel textarea,.transcription-result{min-height:190px}.transcription-help{padding:22px}}