.offline-step{border-top:1px solid #cad1e0;margin-top:1.5rem;padding-top:.5rem}.offline-step h2{margin-top:.8rem}.offline-step audio{width:100%;margin-top:1rem}.offline-summary{overflow-wrap:anywhere}.offline-segment{background:#fff;padding:1rem;border:1px solid #d8ddeb;border-radius:10px}.offline-segment .segment-actions{grid-column:1/-1;margin:0}.offline-segment label{margin-top:0!important}.offline-segment label:last-of-type{min-width:0}.offline-segment textarea{min-height:90px}.offline-segment .segment-actions button{padding:.5rem .75rem}.offline-editor-actions{background:#f7f8fc;border-top:1px solid #cad1e0;padding:.6rem 0;margin-bottom:0}.diyai-utility input[type=file]{min-width:0;max-width:100%}.offline-document-input{margin:1rem 0}.offline-progress{min-height:1.5rem}.offline-note{padding:.8rem 1rem;border-left:4px solid #173e97;background:#e8eefb}@media(max-width:600px){.offline-segment label:last-of-type{grid-column:1/-1}.offline-editor-actions button{flex:1 1 auto}}

body.offline-studio{background:#040b12;color:#edf3fc;color-scheme:dark;font:15px/1.6 system-ui,sans-serif;margin:0}
.offline-studio *{box-sizing:border-box}.offline-studio .diyai-utility{max-width:1440px;width:100%;margin:0 auto;padding:32px;background:transparent;color:inherit;border:0;box-shadow:none}
.offline-workbench{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(340px,1fr);gap:28px;direction:ltr;align-items:start}.offline-workbench>*{min-width:0}[dir=rtl] .offline-workbench>*{direction:rtl}
.offline-stage,.offline-controls,.offline-library{background:#0c1723;border:1px solid #25384c;border-radius:10px;padding:22px}.offline-step{border:0;margin:0;padding:0}.offline-step+.offline-step{border-top:1px solid #25384c;margin-top:24px;padding-top:16px}.offline-step h2,.offline-library h2{font-size:21px}.offline-step summary{font-weight:600;cursor:pointer}
.offline-library{margin-top:24px}.offline-library>p,.offline-controls p,.utility-note{color:#a1b2c8}.offline-note{background:#14253a;border:0;border-inline-start:3px solid #ffab0c;color:#c9d6e6}.offline-editor-actions{background:transparent;border-color:#25384c}.offline-segment{background:#14253a;border-color:#25384c;color:#edf3fc}.offline-studio .utility-actions{gap:8px}
.offline-studio .diyai-utility button{background:#14253a;color:#edf3fc;border:1px solid #37536e;border-radius:8px;min-height:44px;padding:10px 14px;font:inherit}.offline-studio .diyai-utility button:disabled{opacity:.5}.offline-studio #prepare,.offline-studio #transcribe{background:#ffab0c;color:#07111b;font-weight:600;border-color:transparent}.offline-studio input,.offline-studio textarea{background:#07111b;color:#edf3fc;border:1px solid #37536e;border-radius:6px;padding:10px;max-width:100%}.offline-studio a{color:#ffc457}.offline-studio :focus-visible{outline:3px solid #ffc457;outline-offset:3px}.offline-studio [hidden]{display:none!important}
#transcript-demo{padding:20px 0 28px}#transcript-demo p{border-bottom:1px solid #25384c;padding:12px 0}#transcript-demo time{color:#ffc457;display:inline-block;margin-inline-end:12px}.offline-badge{color:#a1b2c8;font-size:12px;border:1px solid #25384c;border-radius:99px;padding:5px 10px}.offline-wave{color:#ffab0c;font-size:clamp(20px,3vw,36px);text-align:center;overflow:hidden;white-space:nowrap;margin:40px 0}.offline-sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
#local-library{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,230px),1fr));gap:16px}#local-library article{border:1px solid #25384c;border-radius:8px;padding:16px;background:#040b12}#local-library h3{overflow-wrap:anywhere}#local-library button{margin:4px}
.offline-embedded .diyai-utility{padding:0;max-width:none}.offline-embedded .utility-kicker,.offline-embedded h1,.offline-embedded main>p:not(.offline-note):not(.utility-note){display:none}.offline-embedded main>p.offline-note{margin-top:0}
@media(max-width:760px){.offline-workbench{grid-template-columns:minmax(0,1fr)}.offline-studio .diyai-utility{padding:18px}.offline-embedded .diyai-utility{padding:0;max-width:none}.offline-stage,.offline-controls,.offline-library{padding:18px}.offline-controls{grid-row:2}}

.offline-studio .diyai-utility details{background:transparent;color:inherit;border:0;padding:0;margin:0}.offline-studio .diyai-utility details summary{color:#edf3fc}

@media(min-width:761px) and (max-width:1000px){.offline-workbench{grid-template-columns:minmax(0,1.2fr) minmax(300px,1fr);gap:18px}}

.offline-free{display:inline-flex;align-items:center;gap:10px;border:1px solid #37536e;border-radius:99px;background:#102435;color:#e2edfa;padding:8px 16px;font-weight:600}
.offline-processing,.offline-recovery,.offline-microphone{border:1px solid #37536e;border-radius:12px;padding:18px;margin-block:18px;background:#102435}
.offline-processing h3{margin:0 0 12px;color:#edf3fc}.offline-studio progress{display:block;accent-color:#ffab0c;width:100%;height:12px;margin:14px 0;border:0;border-radius:99px;overflow:hidden}
.offline-studio progress::-webkit-progress-bar{background:#25384c;border-radius:99px}.offline-studio progress::-webkit-progress-value{background:#ffab0c;border-radius:99px}
.offline-studio .offline-checkbox{display:flex;align-items:flex-start;gap:10px;font-weight:600}.offline-studio .offline-checkbox input{width:20px;height:20px;margin:3px 0;flex:0 0 auto;accent-color:#ffab0c}
.offline-recovery p,.offline-microphone p{margin:10px 0}.offline-recovery .utility-note,.offline-microphone .utility-note{font-size:13px}
#draft-status{font-size:13px;color:#ffc457}#working-text{white-space:pre-wrap;max-height:180px;overflow:auto;color:#c9d6e6;overflow-wrap:anywhere}
#recording-clock{font:700 24px/1.5 ui-monospace,monospace;color:#ffc457}#record-stop{border-color:#ffab0c}#processing-stage{font-weight:600}
.offline-studio .offline-microphone button,.offline-studio .offline-recovery button{white-space:normal}.offline-studio .offline-microphone>p:first-child{margin-top:0;font-weight:600}
.offline-landing-embedded .diyai-utility{padding:24px}.offline-landing-embedded main>p.utility-note:last-of-type{margin-bottom:0}
@media(max-width:760px){.offline-landing-embedded .diyai-utility{padding:16px}.offline-landing-embedded .offline-controls{grid-row:1}.offline-landing-embedded .offline-stage{grid-row:2}}
@media(prefers-reduced-motion:reduce){.offline-studio *{scroll-behavior:auto!important}}