.app{max-width:1940px;padding-left:34px;padding-right:34px}
.editing-workspace{display:grid;grid-template-columns:minmax(0,1fr) 430px;gap:24px;align-items:start}
.preview-column{min-width:0}
.timing-editor{position:sticky;top:18px;display:flex;flex-direction:column;gap:12px;height:min(850px,calc(100dvh - 145px));min-height:540px;padding:16px;background:#19171a;border:1px solid #44383e;border-top:2px solid #f13b30;border-radius:3px;min-width:0}
.timing-editor-heading{display:flex;justify-content:space-between;gap:10px;align-items:center}
.timing-editor h2{font:400 25px/1.2 Anton,sans-serif;margin:0}
#timing-edit-state{font-size:8px;letter-spacing:.5px;color:#a4b49b;text-align:right}
#timing-edit-state.dirty{color:#f5977c}
.timing-intro{font-size:11px;line-height:1.6;color:#b9adb2;margin:0}
.timing-intro strong{color:#e1d1d7;font-weight:500}
.timing-lines{flex:1;min-height:260px;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#65515d #111114;border:1px solid #41333d;background:#101013;border-radius:2px;padding:0 10px}
.verse-row{padding:12px 1px 14px;border-bottom:1px solid #302830;position:relative}
.verse-row:last-child{border:0}
.verse-header{display:flex;gap:9px;align-items:center;margin-bottom:8px;min-height:28px}
.verse-number{font:9px ui-monospace,Consolas,monospace;color:#786d76;min-width:17px}
.verse-time{padding:5px 7px;border:1px solid #453340;border-radius:3px;background:#242026;color:#c9b1be;font:11px ui-monospace,Consolas,monospace;font-variant-numeric:tabular-nums;white-space:nowrap}
.verse-time:hover,.verse-time:focus-visible{color:#ff9586;border-color:#b95652;background:#3d252b}
.verse-delta{font:10px ui-monospace,Consolas,monospace;color:#fa9880}
.verse-words{display:flex;flex-wrap:wrap;gap:4px 2px;align-items:baseline}
.timing-word{font-size:12px;line-height:1.6;background:transparent;border:1px solid transparent;border-radius:3px;padding:2px 4px;color:#ded1d8;display:inline-flex;align-items:center;gap:4px;max-width:100%;overflow-wrap:anywhere}
.timing-word:hover,.timing-word:focus-visible{border-color:#a14a47;background:#40232c;color:#ffe4dd}
.timing-word.corrected{border-color:#6b3c48;background:#292029}
.word-delta{font:8px ui-monospace,Consolas,monospace;color:#ff9c88}
.verse-row.playing{background:#291d23;box-shadow:-10px 0 #291d23,10px 0 #291d23}
.timing-word.playing{color:#fff0e9;background:#a52c2b;border-color:#e95a48}
.timing-editor-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.timing-editor-actions .button{font-size:11px;padding:10px 8px;min-height:38px}
.timing-editor button:disabled{opacity:.4;cursor:default}
#timing-message{min-height:31px;margin:0;font-size:10px;line-height:1.5;color:#abb8a4;overflow-wrap:anywhere}
#timing-message.is-error{color:#ff9a8d}
.correction-popup{position:fixed;z-index:90;width:290px;max-width:calc(100vw - 16px);background:#292127;border:1px solid #ba5754;border-radius:5px;padding:12px;box-shadow:0 14px 55px #000a;color:#eee0e6;isolation:isolate}
.correction-popup-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:2px}
#correction-title{font-size:14px;overflow-wrap:anywhere;min-width:0}
#correction-close{background:transparent;color:#aa8f9b;width:27px;height:27px;min-width:27px;font-size:20px;line-height:1;border-radius:3px;padding:0}
#correction-close:hover{background:#4b303b;color:#ffe1da}
#correction-time{font:11px ui-monospace,Consolas,monospace;color:#f2afa2}
#correction-scope{font-size:10px;color:#bb9faa;line-height:1.5;margin:8px 0 11px}
.correction-popup label{font-size:9px;letter-spacing:1px;color:#c6acb7;display:block;margin-bottom:6px}
.correction-stepper{display:grid;grid-template-columns:36px minmax(0,1fr) 36px;gap:6px}
.correction-stepper button{border:1px solid #8e4b53;background:#49303d;color:#ffe9e1;border-radius:3px;font-size:20px;min-height:35px}
.correction-stepper button:hover{background:#6b3540}
#correction-value{width:100%;min-width:0;background:#141116;border:1px solid #66505b;border-radius:3px;color:#fff2ec;font:14px ui-monospace,Consolas,monospace;padding:7px 9px;text-align:center;font-variant-numeric:tabular-nums}
#correction-inherited{font-size:9px;line-height:1.5;color:#bba3ae;margin:9px 0 0}
.correction-tip{font-size:8px;line-height:1.4;color:#a78c99;margin-top:6px}
body.clean .editing-workspace{display:block}body.clean .timing-editor,body.clean .correction-popup{display:none}
@media(max-width:1250px){.editing-workspace{grid-template-columns:minmax(0,1fr) 370px;gap:18px}.app{padding-left:24px;padding-right:24px}.current-chapter,.preview-column .audio-status,.chapter-number{display:none}.chapter-name{font-size:9px}.timing-editor{padding:13px}}
@media(max-width:980px){.editing-workspace{grid-template-columns:minmax(0,1fr)}.timing-editor{position:static;height:740px;min-height:0;margin-top:8px}.chapter-name{font-size:11px}}
@media(max-width:440px){.app{padding-left:12px;padding-right:12px}.timing-editor{height:680px;padding:12px}.timing-editor h2{font-size:22px}.timing-intro{font-size:10px}.timing-lines{padding:0 8px}.timing-word{font-size:12px;padding:3px 4px}.verse-row.playing{box-shadow:-8px 0 #291d23,8px 0 #291d23}}