:root{color-scheme:light;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#f6f9ff;color:#15213c;font-size:14px;--line:#e5eaf4;--muted:#69778f;--primary:#1676f3;--shadow:0 14px 44px rgba(17,54,114,.055)}*{box-sizing:border-box}body{margin:0;min-width:280px}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.42;cursor:not-allowed}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #77b4ff;outline-offset:2px}h1,h2,p{margin:0}h1{font-size:clamp(24px,2.4vw,33px);letter-spacing:-1.2px;line-height:1.17}h2{font-size:17px;letter-spacing:-.35px}p{line-height:1.48}a{color:#126bd9;text-decoration:none}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.app{max-width:1800px;margin:auto}.topbar{background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:72px;padding:13px 22px;flex-wrap:wrap}.brand,.brandline,.headerBtns,.projectbar{display:flex;align-items:center;gap:11px}.brand{color:#18294b;font-size:17px;letter-spacing:-.7px}.brandmark{display:grid;place-items:center;background:#2186f7;color:#fff;width:31px;height:31px;border-radius:10px;font-weight:900;box-shadow:0 5px 13px #2186f72d}.vr{height:30px;width:1px;background:var(--line)}.product{display:flex;flex-direction:column;gap:2px}.product>strong{font-size:14px;white-space:nowrap}.product>strong span{color:#1686ef}.product small{color:var(--muted);font-size:11px}.projectbar{flex:1;justify-content:center}.projectbar input{max-width:226px;width:100%;font-weight:700;text-align:center;border:1px solid transparent;border-radius:9px;padding:9px;background:#f5f8fc}.projectbar input:focus{background:#fff;border-color:#70b4ff}.projectbar span{white-space:nowrap;color:var(--muted);font-size:11px}.headerBtns{flex-wrap:wrap}.btn{border:1px solid #dce5f1;background:#fff;color:#29405d;border-radius:10px;min-height:37px;padding:9px 12px;font-weight:650;transition:background .14s,border .14s}.btn:hover:not(:disabled){background:#edf5ff;border-color:#a5cff8}.btn.primary{background:#187ff4;color:#fff;border-color:#187ff4;box-shadow:0 4px 12px #217cf43b}.btn.primary:hover:not(:disabled){background:#086be1}.btn.danger{color:#ba3d45}.btn.danger:hover:not(:disabled){background:#fff1f1;border-color:#ffcccf}.btn.subtle{background:#f8fafd}.btn.compact{min-height:31px;padding:6px 10px;font-size:12px}.btn.wide{width:100%}.workspace{display:grid;grid-template-columns:minmax(220px,270px) minmax(0,1fr) minmax(232px,290px);gap:17px;padding:18px;align-items:start}.sidebar{background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);overflow:hidden}.block,.sidehead{padding:19px;border-bottom:1px solid var(--line)}.sidehead>h2{margin:8px 0}.block>p,.sidehead>p{color:var(--muted);font-size:12px}.eyebrow{font-size:10px;font-weight:800;letter-spacing:1.5px;color:#5682b2}.count{font-size:11px;border-radius:100px;padding:4px 8px;background:#edf4ff;color:#116be0;vertical-align:middle;margin-left:4px}.panelbuttons{display:grid;gap:8px;padding:0 16px 14px}.hint{color:var(--muted);font-size:11px;line-height:1.5}.slideList{max-height:460px;min-height:160px;overflow-y:auto;padding:5px 13px;display:grid;align-content:start;gap:8px}.slideEntry{width:100%;border:1px solid #e5ebf5;background:#fafcff;border-radius:12px;display:flex;align-items:center;padding:9px;gap:10px;text-align:left;min-width:0}.slideEntry[aria-current=true]{border:2px solid var(--primary);background:#f1f7ff;padding:8px}.thumb{height:64px;width:108px;flex:0 0 108px;object-fit:contain;background:#e6ebf7;border-radius:7px;border:1px solid #dde6f2;overflow:hidden}.thumbText{background:#f3f7ff;display:flex;flex-direction:column;justify-content:center;padding:10px;overflow:hidden;color:#163e72;font-size:10px;font-weight:800}.thumbText.dark{background:#111a30;color:#fff}.thumbText.blue{background:#197af5;color:#fff}.entryText{min-width:0;display:flex;flex-direction:column;gap:5px}.entryText strong{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.entryText small{color:var(--muted);font-size:10px}.slideTools{padding:13px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;border-top:1px solid var(--line)}.privacy{margin:10px 14px 18px;background:#f0f7ff;border-radius:12px;padding:12px;display:flex;gap:9px;color:#335c8d;font-size:11px}.privacy>span{color:#277ffc}.center{min-width:0;display:grid;gap:15px}.hero{display:flex;align-items:end;justify-content:space-between;gap:16px;padding:12px 2px 2px}.hero h1{margin:8px 0}.hero p{color:var(--muted);font-size:13px}.notesCard,.outputCard,.recordToolbar,.stageCard{background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);border-radius:16px;overflow:hidden}.stageHead{padding:10px 16px;display:flex;justify-content:space-between;align-items:center;gap:9px}.pill{display:inline-flex;align-items:center;gap:7px;border-radius:20px;color:#456383;background:#f1f6fb;padding:7px 10px;font-size:11px;font-weight:800}.pill .dot{width:7px;height:7px;background:#39b57c;border-radius:50%}.pill.recording{color:#b91c40;background:#fff0f2}.pill.recording .dot{background:#f54059;box-shadow:0 0 0 5px #ff496a1f;animation:pulse 1s infinite}.pill.paused{color:#95650f;background:#fff8e9}.clock{font-variant-numeric:tabular-nums;font-weight:850;color:#32445d;letter-spacing:1px}.stage{background:#101826;position:relative;aspect-ratio:16/9;overflow:hidden}.stage canvas{display:block;width:100%;height:100%}.stage video{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.overlaymsg{position:absolute;inset:0;background:#08162ac7;color:#fff;display:grid;place-items:center;font-size:clamp(48px,9vw,94px);font-weight:800}.overlaymsg[hidden]{display:none}.stageFooter{display:flex;justify-content:center;align-items:center;gap:20px;padding:12px;border-top:1px solid var(--line);font-weight:700;color:#45617f}.recordToolbar{padding:17px;display:flex;justify-content:space-between;align-items:center;gap:15px;flex-wrap:wrap}.recordText{display:flex;align-items:center;gap:11px;min-width:220px;flex:1}.recordText small{display:block;color:var(--muted);font-size:11px;margin-top:5px;max-width:430px}.recordglyph{width:15px;height:15px;background:#f04462;border-radius:50%;box-shadow:0 0 0 7px #ffe3e9}.recordActions{display:flex;align-items:end;gap:7px;flex-wrap:wrap}.field{display:grid;gap:7px;font-size:12px;font-weight:700;color:#40536e}.field input:not([type=range]),.field select,.field textarea{width:100%;border:1px solid #dde6f2;border-radius:9px;padding:10px;background:#fff;color:#263954;min-width:0}.field.slim select{width:88px;min-height:37px;padding:7px}.notesCard,.outputCard{padding:18px}.notestop,.sectionTop{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:12px}.notestop h2{margin:6px 0}.notesCard textarea{width:100%;min-height:100px;resize:vertical;border:1px solid #dce5f2;background:#fafdff;padding:13px;border-radius:11px;line-height:1.7;color:#253653}.notesTools{display:flex;justify-content:space-between;color:var(--muted);gap:9px;font-size:10px;margin-top:7px}.outputCard video{width:100%;max-height:370px;background:#0c1727;border-radius:9px}.outputActions{display:flex;gap:9px;flex-wrap:wrap;padding:12px 0}.block{display:grid;gap:13px}.block>h2{margin-top:-5px}.twobuttons{display:grid;grid-template-columns:1fr 1fr;gap:7px}.deviceStatus{padding:9px;color:#58708c;border-radius:9px;background:#f5f8fc;font-size:11px}.toggle{display:flex;gap:8px;align-items:center;font-weight:700;color:#3c506e;font-size:12px}.toggle input{accent-color:#187ff4}.inlineSlider{display:flex;gap:12px;align-items:center}.inlineSlider input{flex:1;min-width:0;accent-color:#187ff4}.inlineSlider output{width:40px;text-align:right;font-size:11px;color:#6180a4}.meterRow{display:flex;align-items:center;gap:9px;font-size:11px;color:var(--muted)}.meter{height:6px;flex:1;border-radius:10px;background:#e9eff6;overflow:hidden}.meterFill{width:0;height:100%;background:linear-gradient(90deg,#238af7,#34c78c);transition:width .1s}.checks{background:#f4f8ff;border-radius:10px;padding:12px;display:grid;gap:8px}.checks p{font-size:11px;color:#4b6383}.footer{margin:0 18px 16px;display:flex;justify-content:space-between;gap:15px;border-top:1px solid #e1e6f0;padding:22px 6px;color:#64778f;font-size:11px}.seo{max-width:1000px;margin:30px auto;padding:0 28px 45px;display:grid;gap:14px;color:#62718a}.seo h2,.seo h3{color:#32415b}.seo p{font-size:13px}.toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);border-radius:11px;background:#132a48;color:#fff;box-shadow:0 10px 45px #122a4260;padding:12px 20px;max-width:min(600px,90vw);z-index:100;visibility:hidden;font-size:13px}.toast.show{visibility:visible}.toast.error{background:#9e263c}.recoveryList{display:grid;gap:10px;margin:18px 0}.recoveryItem{padding:12px;background:#f6f9ff;border:1px solid #e5ecf6;border-radius:10px;display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.recoveryItem .actions{display:flex;gap:8px}dialog{border:1px solid var(--line);border-radius:18px;box-shadow:0 25px 90px #0e274f40;padding:22px;max-width:min(570px,calc(100vw - 30px));width:100%;color:#1c3050}dialog::backdrop{background:#07182b8a}dialog p{margin-bottom:13px}kbd{font:600 11px system-ui;background:#edf2f7;border:1px solid #d9e1ea;padding:2px 5px;border-radius:5px}input,select,textarea{max-width:100%}@keyframes pulse{50%{opacity:.48}}@media(max-width:1360px){.workspace{grid-template-columns:225px minmax(0,1fr) 246px;gap:11px;padding:12px}.topbar{padding:12px}.projectbar{justify-content:flex-start}}@media(max-width:1080px){.workspace{grid-template-columns:225px minmax(0,1fr)}.settingspanel{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start}.block{border-bottom:0;border-right:1px solid var(--line)}.settingspanel .block:last-child{border-right:0}.projectbar{order:3;flex-basis:100%;justify-content:flex-start}}@media(max-width:740px){.workspace{display:flex;flex-direction:column;padding:10px}.workspace>*{width:100%}.slidespanel{display:block}.slideList{display:flex;overflow:auto;min-height:105px;max-height:none;padding:8px}.slideEntry{flex:0 0 175px;flex-direction:column;align-items:stretch}.slideEntry .thumb{width:100%;height:82px}.slideTools{grid-template-columns:repeat(4,minmax(0,1fr))}.slideTools .btn{font-size:11px;padding:8px 2px}.settingspanel{display:grid;grid-template-columns:1fr}.block{border-right:0;border-bottom:1px solid var(--line)}.sidehead{padding-bottom:12px}.panelbuttons{grid-template-columns:1fr 1fr;align-items:center}.panelbuttons .hint{grid-column:1/-1}.slideList .thumb{flex:auto}.hero{align-items:start}.hero .btn{flex:0 0 auto}.headerBtns{flex-wrap:wrap}.topbar{gap:10px}.footer{flex-direction:column}}@media(max-width:410px){.product>strong{white-space:normal}.brandline{flex-wrap:wrap}.headerBtns .btn{padding:8px 9px;font-size:11px}.hero{flex-direction:column}.stageHead{padding:8px}.stageHead .btn{font-size:10px}.recordActions{width:100%}.recordActions .btn{flex:1}.recordText{min-width:0}.stageFooter{gap:9px}.stageFooter .btn{padding:8px 9px}.notesTools{flex-wrap:wrap}.projectbar{flex-wrap:wrap}.projectbar input{width:100%}}@media(prefers-reduced-motion:reduce){*,:after,:before{animation:none!important;transition:none!important}}.saveMode{display:inline-flex;align-items:center;gap:7px;padding:9px 10px;border:1px solid #dae5f4;border-radius:10px;background:#f8fbff;font-size:12px;font-weight:700;color:#324c6b;min-height:37px}.saveMode input{accent-color:#187ff4}.saveMode:focus-within{outline:2px solid #187ff4;outline-offset:2px}@media(max-width:410px){.recordActions .saveMode{flex:1 0 100%}}.promptControl{display:inline-flex;align-items:center;gap:7px;font-weight:650}.promptControl select{font-size:11px;border:1px solid #dce5f1;border-radius:7px;padding:5px;background:#fff;color:#243955}.notesTools{align-items:center;flex-wrap:wrap}.notesTools .btn{min-height:27px}