@font-face{font-family:Khmer;src:url('/assets/khmer.ttf') format('truetype');font-display:swap;font-weight:400}@font-face{font-family:Khmer;src:url('/assets/khmer-bold.ttf') format('truetype');font-display:swap;font-weight:700}
:root{--blue:#2864ef;--blue-dark:#1c4ec0;--ink:#192b45;--muted:#7b889b;--line:#e7ecf3;--paper:#f7f9fc;--white:#fff;--green:#279d7b;--font:'Segoe UI',Khmer,sans-serif}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:14px/1.7 var(--font);-webkit-font-smoothing:antialiased}button,input,textarea{font:inherit}button,a,input,textarea,label{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}button{color:inherit;border:0;background:none}button:disabled{cursor:not-allowed;opacity:.45}a{color:inherit;text-decoration:none}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}button, a{touch-action:manipulation}button:focus-visible,a:focus-visible,label:focus-visible,input:focus-visible{outline:3px solid #84aeff;outline-offset:4px}textarea:focus{outline:none;border-color:var(--blue)}[hidden]{display:none!important}.icon-defs,.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}h1,h2,h3,p{margin:0}button{transition:background .18s,transform .18s,box-shadow .18s}button:active:not(:disabled){transform:translateY(1px)}.sidebar{width:228px;position:fixed;inset:0 auto 0 0;background:white;border-right:1px solid var(--line);padding:32px 22px 0;display:flex;flex-direction:column;z-index:20}.brand{display:flex;align-items:center;gap:12px;margin:0 7px 44px;font-size:24px;font-weight:700;letter-spacing:-1px;line-height:1.1}.brand b{font-weight:400;color:var(--muted)}.brand small{display:block;font-size:8px;letter-spacing:2px;margin-top:8px;font-weight:600}.workspace-label{color:#9aa6b6;font-size:10px;font-weight:600;letter-spacing:1.6px;margin:0 13px 15px;display:flex;justify-content:space-between}.workspace-label span{color:#c0c8d3}nav{display:grid;gap:7px}.nav-item{display:flex;align-items:center;gap:12px;text-align:left;font-size:13px;color:#7a889b;padding:13px 14px;border-radius:9px;white-space:nowrap}.nav-item:hover{background:#f5f8ff;color:var(--blue)}.nav-item.selected{background:#edf3ff;color:var(--blue);font-weight:700}.nav-item svg{width:18px;height:18px}.nav-dot{width:5px;height:5px;background:var(--blue);border-radius:100%;margin-left:auto}.count{font:600 11px/1.5 var(--font);background:#edf1f7;border-radius:5px;min-width:23px;padding:2px 6px;color:#77879b;text-align:center}.nav-item .count{margin-left:auto}.sidebar-bottom{margin-top:auto}.local-card{border:1px solid #e5edf9;border-radius:12px;background:linear-gradient(145deg,#f9fbff,#f0f5fe);padding:18px 14px;margin:35px 0 21px}.mini-symbol{display:flex;background:white;border:1px solid #dfe9fa;width:34px;height:34px;border-radius:9px;align-items:center;justify-content:center;color:var(--blue);margin-bottom:12px}.local-card strong{font-size:12px}.local-card p{font-size:10px;line-height:1.9;color:#8592a6;margin:8px 0 13px}.local-card button{padding:0;font-size:10px;color:var(--blue);width:100%;text-align:left}.local-card button span{float:right}.help-link{color:#8691a1;font-size:11px;display:flex;align-items:center;gap:10px;padding:0 10px 22px}.help-link svg{width:16px}.sidebar-foot{border-top:1px solid var(--line);display:flex;align-items:center;gap:9px;padding:20px 0;font-size:11px;font-weight:600}.avatar{height:31px;width:31px;background:#e9f0fe;border:1px solid #d8e5fc;color:var(--blue);display:grid;place-items:center;border-radius:50%;font-weight:700}.sidebar-foot small{font-size:9px;color:#9aa6b6;display:block;font-weight:400}.sidebar-foot>.tiny-dot{margin-left:auto}.tiny-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--green);flex-shrink:0}.app-shell{margin-left:228px}.topbar{height:78px;padding:0 42px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:#fff}.breadcrumb{font-size:12px;color:#8f9aae;display:flex;align-items:center;gap:15px}.breadcrumb span{color:#ccd4de}.breadcrumb strong{font-size:11px;color:#526175;font-weight:400}.top-actions{display:flex;gap:23px;align-items:center}.lang-tag{font-size:11px;color:#6a7c96}.lang-tag span{color:#b8c2ce;padding:0 4px}.server-pill{display:flex;align-items:center;gap:7px;color:#74839a;border:1px solid var(--line);padding:6px 10px;border-radius:6px;font-size:10px}.server-pill.online{color:#258264;background:#f5fbf8;border-color:#deeee6}.server-pill.offline{color:#b86f28;background:#fffbf5}.status-dot{width:5px;height:5px;background:currentColor;border-radius:50%}main{max-width:1430px;margin:auto;padding:36px 42px 0}.page-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:29px;gap:15px}.eyebrow{font-size:9px;font-weight:600;letter-spacing:1.8px;color:#8c9ab0;display:flex;align-items:center;gap:7px}.eyebrow>span{height:4px;width:4px;border-radius:50%;background:#769efd}h1{font-size:33px;font-weight:700;line-height:1.8;letter-spacing:-.8px;margin:7px 0 2px}h1 span{color:var(--blue)}.page-heading p{font-size:12px;color:#8b98aa}.edition{font-size:10px;letter-spacing:.7px;color:#abb7c8;border-left:1px solid #dbe2ec;padding-left:17px;white-space:nowrap}.edition b{display:block;font-size:8px;font-weight:400;letter-spacing:1.7px}.stepper{display:flex;align-items:center;padding:18px 24px;background:#fff;border:1px solid var(--line);border-radius:11px;margin-bottom:24px;gap:23px}.step{display:flex;align-items:center;gap:12px;color:#9ba7b7;font-size:11px}.step>span{border:1px solid #e4eaf2;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;font:600 11px var(--font);background:#fafbfd}.step small{display:block;font-size:9px;color:#a6b0bf;line-height:1.5;margin-top:1px}.step.current{color:var(--blue)}.step.current>span{background:var(--blue);color:white;border-color:var(--blue);box-shadow:0 3px 7px #2864ef25}.step.completed>span{background:#ecf6f2;border-color:#d7ebdf;color:var(--green)}.stepper i{height:1px;flex:1;background:var(--line);max-width:65px}.step-end{margin-left:auto;color:#c3d5f5;width:22px}.studio-grid{display:grid;grid-template-columns:minmax(0,1fr) 318px;gap:24px;align-items:start}.editor-stack{display:grid;gap:16px;min-width:0}.panel{border:1px solid var(--line);border-radius:12px;background:#fff;box-shadow:0 3px 9px #162d5702}.source-panel{padding:23px}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:21px}.panel-heading>div{display:flex;align-items:center;gap:10px}.section-number{font-size:10px;color:#9babc4;font-weight:600;border-right:1px solid var(--line);padding-right:10px}h2{font-size:14px;font-weight:700}.subtle{font-size:9px;color:#a3aec0}.drop-zone{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;background:#fafcff;border:1px dashed #b9cdf1;border-radius:9px;padding:24px 12px 20px;cursor:pointer;transition:.2s}.drop-zone:hover,.drop-zone.dragover{border-color:var(--blue);background:#f0f5ff}.drop-zone.has-file{border-style:solid;border-color:#c6decf;background:#f7fcfa}.upload-icon{height:44px;width:44px;border:1px solid #dce7fb;box-shadow:0 3px 8px #20497705;background:white;border-radius:12px;display:grid;place-items:center;color:var(--blue);margin-bottom:12px}.drop-zone strong{font-size:12px;font-weight:400;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.drop-zone>span:not(.upload-icon){font-size:10px;margin-top:5px;color:#8593a7}.drop-zone b{font-weight:400;color:var(--blue)}.drop-zone small{font-size:9px;color:#a3aebe;margin-top:11px}.drop-zone input,.text-import input{position:absolute;width:1px;height:1px;opacity:0}.drop-zone:focus-within,.text-import:focus-within{outline:2px solid #84aeff;outline-offset:3px}.transcript-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:24px 0 10px;font-size:11px}.transcript-heading label>span{font-size:10px;color:#a4afbe;margin-left:6px}.text-import{position:relative;font-size:10px;color:var(--blue);cursor:pointer;display:flex;align-items:center;gap:5px}.text-import svg{height:14px;width:14px}.textarea-wrap{border:1px solid #e5eaf2;border-radius:8px;overflow:hidden;transition:.2s}.textarea-wrap:focus-within{border-color:#93b4f8;box-shadow:0 0 0 3px #edf3ff}textarea{width:100%;resize:vertical;line-height:2;color:#314259;background:#fff;padding:14px;border:1px solid var(--line);border-radius:8px;min-height:135px;font-size:12px}.textarea-wrap textarea{display:block;border:0;border-radius:0;min-height:153px;padding:14px 15px}.textarea-wrap textarea::placeholder{color:#b1bac9;line-height:2.1}.text-footer{display:flex;justify-content:space-between;gap:8px;border-top:1px solid #f0f3f7;padding:8px 12px;font-size:9px;color:#a0adbd}.text-footer .tiny-dot{width:4px;height:4px;background:#89bba5;margin-right:3px}.text-note{display:flex;align-items:center;gap:6px;font-size:9px;color:#8b9ab0;margin-top:11px}.text-note svg{width:12px;height:12px}.text-note button{color:var(--blue);padding:0}.options-panel{padding:20px 23px 0}.option-row{display:flex;align-items:center;justify-content:space-between;gap:10px}h3{font-size:11px;font-weight:600}.option-row p{font-size:9px;color:#9aa7b9;margin-top:4px}.segments{display:flex;gap:3px;background:#f4f6fa;padding:4px;border-radius:7px}.segments button{width:31px;height:29px;font-size:11px;border-radius:5px;color:#8b9aae}.segments button.chosen{background:#fff;box-shadow:0 1px 4px #12356712;color:var(--blue);font-weight:700}.generate-row{display:flex;align-items:center;justify-content:space-between;gap:15px;border-top:1px solid var(--line);margin-top:18px;padding:17px 0}.generate-row>span{font-size:9px;color:#92a0b3;display:flex;align-items:center;gap:5px}.generate-row>span svg{height:13px;width:13px;color:#70a88f}.primary{display:inline-flex;align-items:center;justify-content:center;gap:9px;background:var(--blue);color:white;border:1px solid transparent;border-radius:7px;padding:11px 17px;font-size:11px;font-weight:600;box-shadow:0 4px 8px #2864ef17;white-space:nowrap}.primary:hover:not(:disabled){background:var(--blue-dark);box-shadow:0 5px 12px #2864ef32}.primary:disabled{background:#a3bbea;opacity:.7}.primary svg{width:16px;height:16px}.preview-stack{position:sticky;top:24px}.preview-card{background:#142643;border-radius:12px;overflow:hidden;box-shadow:0 12px 25px #17375913;color:white}.preview-header{display:flex;align-items:center;justify-content:space-between;padding:18px 19px;font-size:8px;letter-spacing:1.4px;color:#a3b8d7}.preview-header>span:first-child{display:flex;align-items:center;gap:6px}.preview-header .tiny-dot{width:4px;height:4px;background:#74bba9}.preview-label{border:1px solid #ffffff20;padding:1px 5px;border-radius:3px;font-size:8px;letter-spacing:0;color:#c9d6e9}.sound-stage{position:relative;height:292px;isolation:isolate;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 35%,#244e8b88,transparent 70%)}.stage-grid{position:absolute;inset:0;background-image:linear-gradient(#93b6e609 1px,transparent 1px),linear-gradient(90deg,#93b6e609 1px,transparent 1px);background-size:25px 25px;mask-image:radial-gradient(ellipse,black,transparent 75%);z-index:-1}.waveform{display:flex;align-items:center;justify-content:center;gap:4px;height:63px;width:80%;margin:0 0 17px}.waveform i{display:block;flex:1;max-width:4px;height:var(--height);border-radius:3px;background:linear-gradient(#69a1ff,#3974ea);opacity:.8;transform-origin:center;transition:transform .2s}.playing .waveform i{animation:wave 1.1s infinite ease-in-out alternate;animation-delay:var(--delay)}.caption-area{text-align:center;min-height:76px;display:grid;align-items:center;padding:0 20px;width:100%}#captionPreview{font-size:19px;font-weight:700;line-height:1.9;text-shadow:0 2px 8px #0002;overflow-wrap:anywhere}#captionPreview em{font-style:normal;color:#b9c8e2;font-weight:400}.caption-area.is-caption #captionPreview{font-size:22px}.stage-signature{position:absolute;bottom:20px;color:#7186a5;font-size:8px;letter-spacing:2px}.player-area{border-top:1px solid #ffffff0c;background:#10213b;padding:15px}.player-controls{display:flex;gap:10px;align-items:center}.player-controls button{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:#ffffff12;color:#e5edff}.player-controls svg{height:13px;width:13px}.player-controls input{min-width:0;width:100%;height:3px;accent-color:#7ba6ff;cursor:pointer}.player-controls>span{font:9px 'Segoe UI',sans-serif;color:#95aac9;white-space:nowrap}.preview-info{padding:23px 4px 18px}.preview-info>div:first-child{display:flex;align-items:center;gap:7px}.preview-info svg{width:15px;height:15px;color:#5081e8}.preview-info h3{font-size:12px}.preview-info p{font-size:11px;color:#909db0;margin:10px 0 15px;line-height:2}.feature-tags{display:flex;flex-wrap:wrap;gap:6px}.feature-tags span{font-size:8px;padding:3px 7px;background:#edf2f9;border:1px solid #e3eaf5;color:#7e8fa8;border-radius:4px}.quick-tip{border-top:1px solid #e3eaf3;padding:22px 4px 0}.quick-tip>span:first-child{font-size:8px;letter-spacing:1.5px;color:#98a7bc}.quick-tip p{font-size:11px;color:#8494aa;line-height:2;margin-top:7px}.tip-line{display:block;width:24px;height:2px;background:#a7c3fa;margin-top:17px}.progress-panel{padding:19px 23px}.progress-heading{display:flex;justify-content:space-between;gap:10px;font-size:11px}.progress-track{height:4px;background:#e8effb;margin:13px 0 10px;border-radius:4px;overflow:hidden}#progressFill{height:100%;background:var(--blue);transition:width .4s}.indeterminate{width:35%!important;animation:loading 1.5s infinite}.progress-panel p{color:var(--muted);font-size:10px;overflow-wrap:anywhere}.text-button{color:var(--blue);font-size:11px;padding:4px 0}.error-box{background:#fff4f2;border:1px solid #f4d7d1;padding:17px 20px;border-radius:9px;color:#a54c3d;font-size:12px}.error-box p{font-size:11px;margin-top:6px;overflow-wrap:anywhere}.error-box button{color:#a54c3d}.result-panel{padding:23px;margin-top:26px;scroll-margin-top:20px}.result-tools{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding-top:13px;font-size:10px;color:#9a8245;gap:10px}.check-label{color:#8b98a9;display:flex;align-items:center;gap:5px}.check-label input{accent-color:var(--blue)}.result-hint{font-size:10px;color:#9aa6b8;margin:12px 0 20px}.cue-header,.cue-row{display:grid;grid-template-columns:25px 190px minmax(0,1fr) 22px;gap:15px;align-items:center}.cue-header{font-size:9px;color:#8f9db1;background:#f7f9fc;border-radius:6px;padding:10px}#cueList{max-height:500px;overflow:auto}.cue-row{padding:11px 10px;border-bottom:1px solid var(--line);font-size:11px}.cue-row.active{background:#eef4ff}.cue-row>span{color:#a3b0c1;font-size:10px}.time-inputs{display:flex;align-items:center;gap:5px}.time-inputs button{font-size:11px;color:var(--blue);padding:3px}.time-inputs input{width:68px;min-width:0;border:1px solid #e5ebf4;border-radius:5px;font-size:10px;padding:5px;color:#647d9e}.cue-text{width:100%;min-width:0;border:1px solid transparent;background:transparent;border-radius:4px;padding:5px;font-size:12px}.cue-text:hover,.cue-text:focus{border-color:#d9e5fb;outline:none;background:#fff}.review-badge{color:#bb9b54!important;background:#fbf5e4;border-radius:50%;text-align:center;width:16px;height:16px;font-size:10px}.edit-error{font-size:11px;color:#b94f45;margin-top:12px}.history-panel{padding:23px;min-height:270px}.history-empty{text-align:center;padding:50px 15px;color:#a2adbc;font-size:12px}.history-row{display:flex;align-items:center;gap:14px;border-top:1px solid var(--line);padding:16px 0}.history-icon{display:grid;place-items:center;width:39px;height:42px;background:#eef3fd;color:#7396d7;border-radius:9px}.history-title{flex:1;min-width:0}.history-title strong{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-weight:500;font-size:12px}.history-title small{display:block;font-size:10px;color:#9ca9bb}.history-state{color:#799689;font-size:10px;padding:4px 8px;background:#f0f7f4;border-radius:5px}.history-state.error{background:#fff3ef;color:#b8775f}.history-row button{font-size:11px;color:var(--blue)}footer{display:flex;justify-content:space-between;align-items:center;font-size:9px;color:#a4afbf;border-top:1px solid var(--line);margin-top:33px;padding:19px 0 22px;gap:12px}footer b{font-weight:400;padding:0 6px;color:#cbd4e1}footer .tiny-dot{width:3px;height:3px;background:#9bacbd;margin:0 7px}dialog{max-width:540px;width:calc(100% - 32px);border:1px solid #e5ebf6;border-radius:16px;padding:27px;color:var(--ink);box-shadow:0 30px 100px #13254f30}dialog::backdrop{background:#10213e55;backdrop-filter:blur(5px)}.dialog-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.icon-button{display:grid;place-items:center;border-radius:6px;padding:5px;color:#96a3b7}.icon-button:hover{background:#eff4ff;color:var(--blue)}dialog h2{font-size:21px;margin-bottom:10px}dialog p{font-size:12px;color:#8797ad;margin:12px 0;line-height:2}dialog textarea{min-height:170px;margin-top:8px}dialog>.primary{margin-top:7px;width:100%}.dialog-note{font-size:10px!important}.missing-words{display:flex;gap:6px;flex-wrap:wrap;margin:12px 0}.missing-words span{background:#fff4df;border:1px solid #f5e3bc;color:#ac8442;padding:3px 8px;border-radius:5px;font-size:12px}.server-details{display:grid;grid-template-columns:110px 1fr;gap:15px;padding:18px;background:#f5f8fd;border-radius:9px;margin:18px 0;font-size:11px}.server-details>span{color:#8c9ab0}.server-details strong{font-weight:400}.server-details code{overflow-wrap:anywhere;font-size:11px;min-width:0}.help-steps{padding-left:24px;color:#627995}.help-steps li{padding:8px 0 8px 6px}.help-steps b{font-size:13px;color:var(--ink)}.help-steps p{margin:5px 0}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#1e3452;color:white;padding:12px 22px;border-radius:9px;font-size:12px;box-shadow:0 8px 30px #10213e30;z-index:100;max-width:90vw}.page-heading,.stepper,.source-panel,.preview-card{animation:arrive .5s both}.stepper{animation-delay:.05s}.source-panel{animation-delay:.1s}.preview-card{animation-delay:.15s}@keyframes arrive{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes wave{from{transform:scaleY(.5)}to{transform:scaleY(1.1)}}@keyframes loading{from{transform:translateX(-100%)}to{transform:translateX(380%)}}
/* Keep Khmer working text legible; small English labels stay secondary. */
.textarea-wrap textarea,.cue-text{font-size:14px}.primary{font-size:12px}.transcript-heading{font-size:12px}.text-note{font-size:10px}.drop-zone strong{font-size:13px}.drop-zone>span:not(.upload-icon){font-size:11px}.step{font-size:12px}.preview-info p{font-size:12px}.result-hint,.check-label,.result-tools{font-size:11px}.text-footer{font-size:10px}.server-pill{font-size:11px}.local-card p,.local-card button{font-size:11px}.help-link{font-size:12px}.progress-heading{font-size:12px}.progress-panel p{font-size:11px}
@media(min-width:1550px){main{padding-top:44px}.studio-grid{grid-template-columns:minmax(0,1fr) 365px}.sound-stage{height:320px}.source-panel{padding:28px}.drop-zone{padding:30px 15px}.textarea-wrap textarea{min-height:180px}}
@media(max-width:1180px){.sidebar{width:194px;padding:26px 14px 0}.app-shell{margin-left:194px}.brand{font-size:22px;gap:9px}.topbar{padding:0 27px}main{padding:28px 27px 0}.studio-grid{grid-template-columns:minmax(0,1fr) 270px;gap:18px}.page-heading h1{font-size:27px}.edition{display:none}.source-panel{padding:20px}.stepper{gap:15px;padding:15px 19px}.stepper i{max-width:25px}.step{font-size:10px;gap:8px}.subtle{display:none}.sound-stage{height:268px}.generate-row{flex-wrap:wrap}.generate-row .primary{width:100%}.text-import{font-size:9px}.transcript-heading label>span{display:none}.options-panel{padding:18px 20px 0}.caption-area #captionPreview{font-size:18px}}
@media(max-width:960px){.sidebar{width:78px;padding:24px 12px 0}.brand{margin:0 auto 32px;justify-content:center}.brand>span,.workspace-label,.nav-item:not(.selected) .count,.nav-dot,.sidebar-bottom,.nav-item .count{display:none}.brand img{width:37px;height:37px}.nav-item{font-size:0;justify-content:center;padding:15px 10px}.nav-item svg{width:20px;height:20px}.app-shell{margin-left:78px}.studio-grid{grid-template-columns:minmax(0,1fr) 275px}.stepper i{max-width:35px}.page-heading h1{font-size:28px}.server-pill{max-width:185px}.nav-item{gap:0}.cue-header,.cue-row{grid-template-columns:20px 175px minmax(0,1fr) 17px;gap:8px}}
@media(max-width:760px){.topbar{height:64px;padding:0 20px}.top-actions{gap:9px}.lang-tag{display:none}main{padding:25px 20px 0}.page-heading{margin-bottom:22px}.eyebrow{font-size:7px;letter-spacing:1.1px}h1,.page-heading h1{font-size:25px;line-height:1.7}.page-heading p{font-size:10px}.studio-grid{grid-template-columns:1fr}.preview-stack{position:static;display:grid;grid-template-columns:minmax(0,1fr);margin-top:4px}.preview-card{max-width:none}.sound-stage{height:230px}.preview-info{padding:19px 4px 8px}.quick-tip{display:none}.stepper{gap:8px;padding:13px}.step{font-size:9px;gap:7px}.step>span{width:25px;height:25px;font-size:9px}.step small{display:none}.stepper i{max-width:15px}.step-end{display:none}.generate-row{flex-wrap:nowrap}.generate-row .primary{width:auto}.result-tools{align-items:flex-start;flex-direction:column}.result-panel{padding:16px}.cue-header{display:none}.cue-row{grid-template-columns:17px minmax(0,1fr) 17px;gap:5px}.time-inputs{grid-column:2;grid-row:auto}.cue-text{grid-column:2;grid-row:auto}.cue-row>span:first-child{grid-row:span 2}.cue-row>.review-badge{grid-column:3;grid-row:1}.cue-row{position:relative}.cue-row .review-badge{position:absolute;right:7px;top:15px}.result-panel .panel-heading{flex-wrap:wrap}.history-row{flex-wrap:wrap}.history-state{display:none}footer{font-size:8px;flex-direction:column;align-items:flex-start}.historyView .page-heading{flex-wrap:wrap}}
@media(max-width:470px){.sidebar{width:58px;padding:18px 7px}.app-shell{margin-left:58px}.brand img{width:33px;height:33px}.nav-item{padding:13px 6px}.nav-item svg{width:18px;height:18px}main{padding:23px 13px 0}.topbar{padding:0 13px;gap:8px}.breadcrumb{gap:7px;font-size:10px}.breadcrumb strong{font-size:9px}.server-pill{font-size:8px;padding:5px 6px;gap:5px}.page-heading h1{font-size:21px}.eyebrow{font-size:6px}.source-panel{padding:16px}.step{font-size:8px;gap:5px}.stepper{gap:5px;padding:11px 9px}.step>span{width:21px;height:21px;font-size:8px}.stepper i{max-width:9px}.transcript-heading{align-items:flex-start;font-size:10px}.text-import{font-size:8px}.text-import svg{display:none}.text-footer{font-size:8px}.text-note{align-items:flex-start;font-size:8px}.options-panel{padding:16px 16px 0}.segments button{width:26px}.generate-row{flex-wrap:wrap;gap:11px}.generate-row .primary{width:100%}.panel-heading h2{font-size:13px}.dialog-top .eyebrow{font-size:7px}.server-details{grid-template-columns:85px 1fr;font-size:10px}.page-heading:has(+.history-panel){flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;scroll-behavior:auto!important;transition:none!important}}