:root{--bg:#0e0e10;--panel:#17171a;--panel-2:#1c1c20;--elev:#232329;--border:#2a2a30;--border-soft:#212127;--text:#ececed;--muted:#8a8a93;--dim:#63636b;--accent:#7c7cff;--accent-soft:#7c7cff29;--accent-line:#7c7cff8c;--radius:12px;--mono:ui-monospace, "SF Mono", "JetBrains Mono", Menlo, Consolas, monospace;--sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}*{box-sizing:border-box}html,body{height:100%;margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:var(--sans);-webkit-font-smoothing:antialiased;font-size:14px;overflow:hidden}*{scrollbar-width:thin;scrollbar-color:var(--elev) transparent}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background-color:var(--elev);background-clip:padding-box;border:2px solid #0000;border-radius:8px}::-webkit-scrollbar-thumb:hover{background-color:#3a3a44}::-webkit-scrollbar-corner{background:0 0}.mono{font-family:var(--mono);font-variant-numeric:tabular-nums}.dim{color:var(--dim)}button{color:inherit;cursor:pointer;font-family:inherit}input{font-family:inherit}.studio{flex-direction:column;height:100vh;display:flex}.topbar{border-bottom:1px solid var(--border);background:linear-gradient(#131316,#0e0e10);flex:none;justify-content:space-between;align-items:center;height:60px;padding:0 20px;display:flex}.brand{align-items:center;gap:12px;display:flex}.logoDot{background:conic-gradient(from 210deg, var(--accent), #4a4ad6 55%, #2a2a5e);border-radius:7px;width:26px;height:26px;box-shadow:0 0 0 1px #7c7cff59,0 4px 14px #7c7cff40}.brandName{letter-spacing:-.01em;font-weight:700;line-height:1.05}.brandSub{color:var(--muted);font-size:11.5px}.topActions{gap:8px;display:flex}.workspace{flex:auto;grid-template-columns:232px minmax(0,1fr) 320px;min-height:0;display:grid}.workspace.noInspector{grid-template-columns:232px minmax(0,1fr)}.btn{border:1px solid var(--border);background:var(--elev);color:var(--text);border-radius:9px;padding:8px 14px;font-size:13px;font-weight:500;transition:background .12s,border-color .12s,transform 50ms}.btn:hover{background:#2b2b32}.btn:active{transform:translateY(1px)}.btn.primary{background:var(--accent);border-color:var(--accent);color:#0c0c14;font-weight:600}.btn.primary:hover{background:#8e8eff}.btn.ghost{background:0 0}.btn.icon{justify-content:center;align-items:center;width:40px;height:40px;padding:0;font-size:15px;display:inline-flex}.btn.tiny{border-radius:7px;padding:4px 9px;font-size:12px}.rail{border-right:1px solid var(--border);background:var(--panel);padding:14px 12px;overflow-y:auto}.railTitle{text-transform:uppercase;letter-spacing:.09em;color:var(--muted);padding:4px 6px 10px;font-size:11px}.charItem{text-align:left;background:0 0;border:1px solid #0000;border-radius:10px;align-items:center;gap:11px;width:100%;margin-bottom:6px;padding:9px;transition:background .12s,border-color .12s;display:flex}.charItem:hover{background:var(--panel-2)}.charItem.active{background:var(--accent-soft);border-color:var(--accent-line)}.charThumb{object-fit:contain;width:40px;height:40px;image-rendering:pixelated;border:1px solid var(--border-soft);background:#0d0d0f;border-radius:8px}.charMeta{flex-direction:column;gap:2px;min-width:0;display:flex}.charName{font-size:13.5px;font-weight:600}.charDim{color:var(--muted);font-size:11px}.railTitle.spaced{border-top:1px solid var(--border-soft);margin-top:18px;padding-top:14px}.contentGlyph{border:1px solid var(--border-soft);width:40px;height:40px;color:var(--muted);background:#0d0d0f;border-radius:8px;flex:none;justify-content:center;align-items:center;font-size:15px;display:inline-flex}.charName.clamp{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12.5px;line-height:1.3;display:-webkit-box;overflow:hidden}.charItem.add{border:1px dashed var(--border);color:var(--muted);justify-content:center;margin-top:4px}.charItem.add:disabled{opacity:.55;cursor:not-allowed}.addPlus{font-size:15px}.stageCol{flex-direction:column;gap:14px;min-width:0;padding:18px;display:flex;overflow-y:auto}.stage{border:1px solid var(--border);border-radius:var(--radius);flex:none;justify-content:center;align-items:center;height:40vh;min-height:320px;display:flex;position:relative;overflow:hidden}.stage.bg-dark{background:#131316}.stage.bg-light{background:#e7e7ea}.stage.bg-checker{background:#0e0e10}.playerCanvas{image-rendering:pixelated;border-radius:4px}.stageBadge{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid var(--border);background:#0a0a0cb8;border-radius:8px;align-items:baseline;gap:10px;padding:6px 11px;font-size:12px;display:flex;position:absolute;bottom:12px;left:12px}.stageBadge .mono{color:var(--accent);font-weight:600}.transport{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;flex:none;gap:13px;padding:14px;display:flex}.transportRow{align-items:center;gap:10px;display:flex}.toggle{border:1px solid var(--border);color:var(--muted);-webkit-user-select:none;user-select:none;border-radius:9px;align-items:center;gap:7px;padding:8px 12px;font-size:13px;display:inline-flex}.toggle.on{color:var(--text);border-color:var(--accent-line);background:var(--accent-soft)}.toggle.block{width:100%;margin-top:4px;display:flex}.toggle input{accent-color:var(--accent)}.bgSwitch{border:1px solid var(--border);border-radius:9px;gap:6px;margin-left:auto;padding:4px;display:flex}.bgOpt{border:1px solid var(--border);border-radius:6px;width:24px;height:24px}.bgOpt.bg-dark{background:#131316}.bgOpt.bg-light{background:#e7e7ea}.bgOpt.bg-checker{background:repeating-conic-gradient(#2a2a30 0% 25%,#161619 0% 50%) 50%/12px 12px}.bgOpt.active{outline:2px solid var(--accent);outline-offset:1px}.scrubRow{align-items:center;gap:12px;display:flex}.scrubLabel{text-align:center;min-width:22px;font-size:12px}.scrub{flex:1}input[type=range]{appearance:none;background:var(--elev);height:4px;accent-color:var(--accent);border-radius:4px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--accent);cursor:pointer;border:2px solid #0e0e10;border-radius:50%;width:15px;height:15px}.sliderRow{grid-template-columns:1fr 1fr;gap:16px;display:grid}.slider{flex-direction:column;gap:7px;display:flex}.slider label{color:var(--muted);justify-content:space-between;font-size:11.5px;display:flex}.slider label .mono{color:var(--text)}.sheetPanel{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);flex:none;padding:14px}.panelHead{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.panelTitle{font-size:13px;font-weight:600}.panelMeta{color:var(--muted);font-size:11px;font-family:var(--mono)}.sheetWrap{border:1px solid var(--border-soft);background:#0d0d0f;border-radius:8px;width:100%;max-width:560px;margin:0 auto;position:relative;overflow:hidden}.sheetImg{width:100%;height:100%;image-rendering:pixelated;opacity:.9;display:block}.sheetOverlay{display:grid;position:absolute;inset:0}.sheetCell{color:#0000;background:0 0;border:1px solid #ffffff0d;padding:0;transition:background .1s;position:relative}.sheetCell:hover{background:#ffffff0d}.sheetCell .cellIndex{font-size:9px;font-family:var(--mono);color:#ffffff47;position:absolute;top:2px;left:3px}.sheetCell.inAnim{border-color:var(--accent-line);cursor:pointer;background:#7c7cff14}.sheetCell.inAnim .cellIndex{color:var(--accent)}.sheetCell.active{box-shadow:inset 0 0 0 2px var(--accent);background:#7c7cff4d}.inspector{border-left:1px solid var(--border);background:var(--panel);flex-direction:column;padding:16px 14px;display:flex;overflow-y:auto}.animList{flex-direction:column;gap:5px;margin-bottom:16px;display:flex}.animItem{border:1px solid var(--border-soft);background:var(--panel-2);border-radius:9px;align-items:stretch;display:flex;overflow:hidden}.animItem.active{border-color:var(--accent-line);background:var(--accent-soft)}.animSelect{text-align:left;background:0 0;border:none;flex-direction:column;flex:1;align-items:flex-start;gap:2px;padding:9px 11px;display:flex}.animName{font-size:13px;font-weight:600}.animRange{font-size:11px}.animDel{border:none;border-left:1px solid var(--border-soft);width:34px;color:var(--dim);background:0 0;font-size:12px}.animDel:hover{color:#ff7a7a;background:#ff5a5a24}.editor{border-top:1px solid var(--border);flex-direction:column;gap:11px;margin-top:auto;padding-top:16px;display:flex}.editorTitle{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;font-size:12px}.field{flex-direction:column;gap:5px;display:flex}.field>span{color:var(--muted);font-size:11px}.field input{background:var(--bg);border:1px solid var(--border);color:var(--text);border-radius:8px;padding:8px 10px;font-size:13px}.field input:focus{border-color:var(--accent-line);outline:none}.fieldRow{grid-template-columns:1fr 1fr;gap:10px;display:grid}.hint{color:var(--dim);margin:2px 0 0;font-size:11.5px;line-height:1.5}.battleStage{flex:auto;height:auto;min-height:300px}.battleCanvas{width:100%;height:100%;image-rendering:pixelated;display:block}.btn:disabled{opacity:.4;cursor:not-allowed}.paramGroup{border-bottom:1px solid var(--border-soft);flex-direction:column;gap:11px;margin-bottom:15px;padding-bottom:15px;display:flex}.paramGroup .editorTitle{margin-bottom:2px}.stageTabs{z-index:2;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0a0a0cb8;position:absolute;top:12px;right:12px}.deviceSelect{background:var(--elev);border:1px solid var(--border);color:var(--text);border-radius:9px;margin-left:auto;padding:8px 10px;font-family:inherit;font-size:13px}.phoneOverlay{pointer-events:none;position:absolute;overflow:hidden}.phoneUI{color:#fff;font-family:var(--sans);position:relative}.phoneUI .phoneTop{flex-direction:column;align-items:center;display:flex;position:absolute;top:44px;left:24px;right:24px}.phoneAppIcon{background:#1e1e22;border:1px solid #ffffff24;border-radius:12px;width:48px;height:48px;margin-bottom:14px}.phoneLabel{color:#ffffffbf;font-size:18px}.phoneTime{margin-top:2px;font-size:40px;font-weight:700;line-height:1.15}.phoneSub{color:#ffffff73;font-size:14px}.phoneBar{background:#ffffff1f;border-radius:3px;width:100%;height:6px;margin-top:18px;position:relative;overflow:visible}.phoneBarFill{background:#fff;border-radius:3px;position:absolute;inset:0 auto 0 0}.phoneBarAvg,.phoneBarLimit{background:#ffffff8c;width:2px;height:12px;position:absolute;top:-3px}.phoneBarLimit{background:#ffffffd9}.phoneLegend{color:#ffffff80;gap:12px;margin-top:10px;font-size:11px;display:flex}.phoneLegend i{background:#fff;border-radius:50%;width:7px;height:7px;margin-right:5px;display:inline-block}.phoneLegend .dotAverage{background:#ffffff8c}.phoneLegend .dotLimit{background:#ffffff4d}.phoneBand{position:absolute;left:0;right:0}.phoneMessage{text-align:center;color:#fff;font-size:20px;font-weight:600;line-height:1.35;position:absolute;left:28px;right:28px}.phoneUI button{pointer-events:auto;font:inherit;cursor:pointer}.phoneOutcome{border:1px solid var(--accent-line);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:var(--text);z-index:3;background:#0a0a0cdb;border-radius:12px;flex-direction:column;align-items:center;gap:2px;padding:10px 18px;font-size:13px;font-weight:600;display:flex;position:absolute;bottom:26px;left:50%;transform:translate(-50%)}.phoneOutcome .dim{text-transform:uppercase;letter-spacing:.1em;font-size:10px;font-weight:500}.phoneUI .phoneBottom{position:absolute;bottom:34px;left:24px;right:24px}.phoneCta{color:#000;background:#fff;border:none;border-radius:28px;justify-content:center;align-items:center;width:100%;height:56px;font-size:16px;font-weight:600;display:flex}.phoneSplit{gap:12px;margin-top:12px;display:flex}.phoneRow{align-items:center;gap:12px;display:flex}.phoneRow .phoneCta{flex:1}.phoneCircle{color:#fff;background:0 0;border:1px solid #ffffff40;border-radius:50%;flex:none;justify-content:center;align-items:center;width:56px;height:56px;font-size:18px;font-weight:600;display:flex}.phoneGhost.wide{width:100%;height:52px;margin-top:12px}.phoneGhost{color:#fff;background:0 0;border:1px solid #ffffff40;border-radius:26px;flex:1;justify-content:center;align-items:center;height:52px;font-size:16px;font-weight:600;display:flex}.contentCol{gap:12px}.contentHead{flex:none;align-items:center;gap:12px;display:flex}.segmented{border:1px solid var(--border);background:var(--panel);border-radius:10px;gap:4px;padding:4px;display:flex}.segOpt{color:var(--muted);background:0 0;border:none;border-radius:7px;padding:6px 14px;font-size:12.5px;font-weight:500}.segOpt:hover{color:var(--text)}.segOpt.active{background:var(--accent-soft);color:var(--text);box-shadow:inset 0 0 0 1px var(--accent-line)}.contentHead .panelMeta{margin-left:auto}.search{background:var(--panel);border:1px solid var(--border);min-width:0;color:var(--text);border-radius:10px;flex:1;padding:9px 13px;font-size:13px}.search:focus{border-color:var(--accent-line);outline:none}.reader{border:1px solid var(--border);border-radius:var(--radius);background:#18181b;flex:auto;min-height:0;padding:46px 0 60px;overflow-y:auto}.readerBanner{max-width:620px;margin:0 auto 30px;padding:0 32px}.readerBannerImg{aspect-ratio:16/9;object-fit:cover;border:1px solid var(--border);border-radius:14px;width:100%;display:block}.readerBannerEmpty{aspect-ratio:16/9;border:1px dashed var(--border);letter-spacing:.06em;text-transform:uppercase;width:100%;color:var(--dim);background:#141417;border-radius:14px;justify-content:center;align-items:center;font-size:12px;display:flex}.readerTitle{text-align:center;color:#d4d4d4;max-width:620px;margin:0 auto;padding:0 32px;font-family:Georgia,Playfair Display,Times New Roman,serif;font-size:27px;font-weight:700;line-height:1.3}.readerRule{justify-content:center;align-items:center;gap:14px;margin:26px 0 30px;display:flex}.readerRuleLine{background:#27272a;width:40px;height:1px}.readerRuleDot{color:#71717a;font-size:9px;line-height:1}.readerP{letter-spacing:.2px;color:#d4d4d4;max-width:620px;margin:0 auto 19px;padding:0 32px;font-size:13.5px;line-height:1.65}.contentArea{resize:none;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);width:100%;min-height:0;color:var(--text);font-family:var(--mono);flex:auto;padding:18px 20px;font-size:12.5px;line-height:1.7}.contentArea:focus{border-color:var(--accent-line);outline:none}.quoteList{flex-direction:column;flex:auto;gap:5px;min-height:0;padding-right:4px;display:flex;overflow-y:auto}.quoteRow{background:var(--panel);border:1px solid var(--border-soft);border-radius:10px;align-items:center;gap:10px;padding:7px 8px 7px 11px;display:flex}.quoteRow:hover{border-color:var(--border)}.quoteIdx{flex:none;font-size:10.5px}.quoteFields{flex:1;grid-template-columns:minmax(0,1fr) 180px;gap:8px;min-width:0;display:grid}.quoteFields input{color:var(--text);background:0 0;border:1px solid #0000;border-radius:7px;padding:6px 8px;font-size:13px}.quoteFields input:hover{border-color:var(--border-soft)}.quoteFields input:focus{background:var(--bg);border-color:var(--accent-line);outline:none}.quoteAuthor{color:var(--muted)!important;font-size:12px!important}.quoteDel{width:28px;height:28px;color:var(--dim);background:0 0;border:none;border-radius:7px;flex:none;font-size:11px}.quoteDel:hover{color:#ff7a7a;background:#ff5a5a24}.emptyNote{text-align:center;color:var(--dim);padding:26px;font-size:13px}.statGrid{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:16px;display:grid}.stat{background:var(--panel-2);border:1px solid var(--border-soft);border-radius:9px;flex-direction:column;align-items:center;gap:3px;padding:11px 6px;display:flex}.statNum{font-size:16px;font-weight:600}.statLabel{color:var(--muted);font-size:10.5px}.editor.noTop{border-top:none;margin-top:0;padding-top:0}.editor .btn:disabled{opacity:.45;cursor:not-allowed}.audioBar{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);flex:none;align-items:center;gap:14px;padding:10px 14px;display:flex}.audioBar.hasError{border-color:#57303a}.audioBtn{border:1px solid var(--accent);background:var(--accent);color:#0c0c14;border-radius:50%;flex:none;justify-content:center;align-items:center;width:38px;height:38px;padding:0;transition:background .12s,transform 50ms;display:inline-flex}.audioIcon{display:block}.audioBtn:hover:not(:disabled){background:#8e8eff}.audioBtn:active:not(:disabled){transform:translateY(1px)}.audioBtn:disabled{background:var(--elev);border-color:var(--border);color:var(--muted);cursor:default}.audioSpin{border:2px solid var(--dim);border-top-color:var(--text);border-radius:50%;width:14px;height:14px;animation:.7s linear infinite audioSpin}@keyframes audioSpin{to{transform:rotate(360deg)}}.audioMeta{flex-direction:column;flex:1;gap:7px;min-width:0;display:flex}.audioLabel{color:var(--muted);font-size:12px;line-height:1.2}.audioLabel b{color:var(--text);font-weight:600}.audioErr{color:#e08a98}.audioTrack{align-items:center;gap:10px;display:flex}.audioTrack .scrub:disabled{opacity:.45}.audioTime{flex:none;font-size:11px}@media (max-width:1040px){.workspace{grid-template-columns:200px minmax(0,1fr)}.inspector{display:none}}.bannerDrop{aspect-ratio:16/9;border:1px dashed var(--border);cursor:pointer;background:#0d0d0f;border-radius:14px;width:100%;display:block;position:relative;overflow:hidden}.bannerDrop:hover{border-color:var(--accent-line)}.bannerDrop.busy{opacity:.6}.bannerDrop input{display:none}.bannerPreview{object-fit:cover;width:100%;height:100%;display:block}.bannerEmpty{color:var(--muted);justify-content:center;align-items:center;font-size:12px;display:flex;position:absolute;inset:0}.bannerScrim{color:#fff;pointer-events:none;background:linear-gradient(#00000026 40%,#000000d1 100%);flex-direction:column;justify-content:flex-end;gap:2px;padding:12px;display:flex;position:absolute;inset:0}.bannerKicker{letter-spacing:.12em;color:#ffffffa6;font-size:8px;font-weight:800}.bannerTitle{font-size:15px;font-weight:700;line-height:1.15}.bannerRead{color:#fff9;font-size:10px}.bannerMeta{justify-content:space-between;align-items:center;gap:8px;font-size:11px;display:flex}.bannerNote{color:#ffb37a;margin:0;font-size:11.5px;line-height:1.45}.readerH2{color:#ececed;max-width:620px;margin:34px auto 14px;padding:0 32px;font-family:Georgia,Playfair Display,Times New Roman,serif;font-size:18px;font-weight:700}.readerPause{max-width:620px;font-family:var(--mono);color:var(--dim);align-items:center;gap:10px;margin:8px auto;padding:0 32px;font-size:10px;display:flex}.readerPause span{background:var(--border);flex:1;height:1px}.speechBar{flex:none;align-items:center;gap:14px;display:flex}.speechBar .hint{flex:1;margin:0}.deviceSelect.wide{width:100%;margin-left:0}.voiceLines{flex-direction:column;gap:7px;display:flex}.voiceLine{align-items:center;gap:6px;display:flex}.voiceLine input{background:var(--bg);border:1px solid var(--border);min-width:0;color:var(--text);border-radius:8px;flex:1;padding:7px 9px;font-size:12.5px}.voiceLine input:focus{border-color:var(--accent-line);outline:none}.voiceLine .btn.tiny{min-width:38px}.voiceDel{width:24px;height:24px;color:var(--dim);background:0 0;border:none;border-radius:6px;flex:none;font-size:11px}.voiceDel:hover{color:#ff7a7a;background:#ff5a5a24}.phoneMute{color:#fff;background:#ffffff0f;border:1px solid #ffffff38;border-radius:999px;align-items:center;gap:6px;padding:7px 13px;font-size:13px;font-weight:600;display:inline-flex;position:absolute;top:62px;right:20px}.phoneMuteGlyph{font-size:13px}.readerP,.readerH2{transition:color .35s,opacity .35s}.readerP.ahead,.readerH2.ahead{color:#d4d4d46b}.readerP.said,.readerH2.said{color:#d4d4d4b8}.readerP.now,.readerH2.now{color:#fff}.readerP.now{position:relative}.readerP.now:before,.readerH2.now:before{content:"";background:var(--accent);border-radius:2px;width:2px;position:absolute;top:2px;bottom:2px;left:14px}.readerPause.ahead{opacity:.4}.audioMark{color:var(--dim);opacity:.5;margin-left:6px;font-size:12px}.audioMark.on{color:var(--accent);opacity:1}.narrationRow{align-items:center;gap:10px;display:flex}.narrationAudio{filter:invert()hue-rotate(180deg);opacity:.85;flex:1;min-width:0;height:32px}.voiceFixed{border:1px solid var(--border);background:var(--panel-2);border-radius:9px;align-items:baseline;gap:8px;padding:9px 12px;font-size:12.5px;display:flex}.voiceFixedName{font-weight:600}.railToggle{text-align:left;background:0 0;border:none;align-items:center;gap:7px;width:100%;display:flex}.railToggle:hover{color:var(--text)}.railChevron{font-size:13px;line-height:1;transition:transform .15s;display:inline-block}.railChevron.open{transform:rotate(90deg)}.railCount{color:var(--dim);font-variant-numeric:tabular-nums;margin-left:auto;font-size:10px}.cropper{flex-direction:column;gap:8px;display:flex}.cropFrame{aspect-ratio:16/9;border:1px solid var(--accent-line);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;background:#0d0d0f;border-radius:14px;width:100%;position:relative;overflow:hidden}.cropFrame:active{cursor:grabbing}.cropImage{transform-origin:0 0;pointer-events:none;max-width:none;display:block;position:absolute;top:0;left:0}.cropBar{align-items:center;gap:10px;font-size:11px;display:flex}.cropBar input[type=range]{accent-color:var(--accent);flex:1}.cropLabel{letter-spacing:.12em}.cropActions{justify-content:space-between;align-items:center;gap:8px;font-size:11px;display:flex}.cropButtons{align-items:center;gap:6px;display:flex}.confirmBox{border:1px solid var(--accent-line);background:#ffffff08;border-radius:12px;flex-direction:column;gap:8px;padding:12px;display:flex}.confirmTitle{margin:0;font-size:12.5px;font-weight:700}.confirmBody{color:var(--muted);margin:0;font-size:11.5px;line-height:1.5}.loginWrap{place-items:center;min-height:100vh;padding:24px;display:grid}.loginCard{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:14px;width:min(380px,100%);padding:28px 26px 22px;display:flex}.loginBrand{align-items:center;gap:12px;margin-bottom:6px;display:flex}.loginMark{background:linear-gradient(160deg, var(--accent), #2b2f6b);border-radius:10px;flex:none;width:34px;height:34px}.loginBrand h1{letter-spacing:-.2px;margin:0;font-size:19px}.loginBrand p{color:var(--muted);margin:2px 0 0;font-size:12px}.loginField{color:var(--muted);flex-direction:column;gap:6px;font-size:12px;display:flex}.loginField input{background:var(--panel-2);border:1px solid var(--border);color:var(--text);border-radius:9px;padding:10px 12px;font-family:inherit;font-size:14px}.loginField input:focus{border-color:var(--accent);outline:none}.loginSubmit{justify-content:center;margin-top:4px}.loginError{color:#ff9b9b;margin:0;font-size:12.5px;line-height:1.45}.loginFoot{color:var(--dim);text-align:center;margin:6px 0 0;font-size:11.5px}.userChip{color:var(--muted);align-items:center;gap:7px;padding:0 10px 0 8px;font-size:12.5px;display:flex}.userDot{background:var(--accent);border-radius:50%;width:7px;height:7px}.clipsPanel{padding:22px 24px 40px}.clipsHead{align-items:baseline;gap:12px;margin-bottom:18px;display:flex}.clipsTitle{margin:0;font-size:17px;font-weight:650}.clipsGrid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;display:grid}.clipCard{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;transition:border-color .15s,transform .15s;display:flex;overflow:hidden}.clipCard:hover{border-color:var(--accent);transform:translateY(-2px)}.clipThumb{aspect-ratio:16/9;background:var(--panel-2);display:block;position:relative;overflow:hidden}.clipThumb img{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.clipThumbEmpty{opacity:.35;justify-content:center;align-items:center;height:100%;font-size:28px;display:flex}.clipDuration{color:var(--text);font-variant-numeric:tabular-nums;background:#000000c7;border-radius:6px;padding:2px 7px;font-size:12px;position:absolute;bottom:8px;right:8px}.clipStatus{text-transform:uppercase;letter-spacing:.6px;background:#000000c7;border-radius:6px;padding:2px 8px;font-size:11px;position:absolute;top:8px;left:8px}.clipStatus.processing{color:var(--accent)}.clipStatus.failed{color:#ff8f8f}.clipBody{flex-direction:column;gap:7px;padding:13px 14px 15px;display:flex}.clipTitle{margin:0;font-size:14.5px;font-weight:620;line-height:1.35}.clipMeta{color:var(--muted);font-size:12px}.clipNote{border-left:2px solid var(--border);color:var(--muted);margin:0;padding-left:10px;font-size:12.5px;line-height:1.5}.clipTags{flex-wrap:wrap;gap:6px;display:flex}.clipTag{background:var(--panel-2);border:1px solid var(--border);color:var(--muted);border-radius:999px;padding:2px 8px;font-size:11px}.clipLinks{gap:14px;margin-top:3px;font-size:12.5px;display:flex}.clipLinks a:first-child{color:var(--accent)}.clipLinks a:hover{text-decoration:underline}.clipsProblem{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);max-width:620px;padding:22px;line-height:1.55}.clipsProblem p{margin:8px 0;font-size:13.5px}.clipsProblem pre{background:var(--bg);border:1px solid var(--border);color:var(--muted);white-space:pre-wrap;word-break:break-word;border-radius:8px;padding:10px;font-size:11.5px;overflow-x:auto}.inboxBar{align-items:center;gap:14px;max-width:720px;margin-bottom:16px;display:flex}.inboxSearch{background:var(--panel-2);border:1px solid var(--border);color:var(--text);font-family:var(--sans);border-radius:8px;flex:1;padding:8px 11px;font-size:13px}.inboxSearch:focus{border-color:var(--accent-line);background:var(--panel);outline:none}.inboxToggle{color:var(--muted);white-space:nowrap;cursor:pointer;align-items:center;gap:7px;font-size:12.5px;display:flex}.inboxToggle input{accent-color:var(--accent)}.inboxList{flex-direction:column;gap:12px;max-width:720px;display:flex}.noteCard{background:var(--panel);border:1px solid var(--border);border-left:2px solid var(--accent-line);border-radius:var(--radius);padding:16px 18px 12px}.noteCard.handled{border-left-color:var(--border);opacity:.62}.noteBody{white-space:pre-wrap;overflow-wrap:anywhere;margin:0 0 12px;font-size:14.5px;line-height:1.6}.noteFoot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.noteMeta{color:var(--dim);font-size:11.5px;font-family:var(--mono)}.indexCard{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);text-align:left;cursor:pointer;flex-direction:column;padding:0;transition:border-color .15s,transform .15s;display:flex;position:relative;overflow:hidden}.indexCard:hover{border-color:var(--accent);transform:translateY(-2px)}.indexThumb{aspect-ratio:16/9;object-fit:cover;background:#0d0d0f;width:100%;display:block}.indexThumb.empty{border-bottom:1px dashed var(--border);letter-spacing:.06em;text-transform:uppercase;color:var(--dim);justify-content:center;align-items:center;font-size:11px;display:flex}.indexBody{flex-direction:column;gap:6px;padding:12px 14px 14px;display:flex}.indexTitle{color:var(--text);font-size:13.5px;font-weight:600;line-height:1.35}.indexMeta{color:var(--dim);align-items:center;gap:7px;font-size:11.5px;display:flex}.bannerToast{z-index:60;background:var(--elev);border:1px solid var(--accent-line);color:var(--text);border-radius:999px;padding:10px 18px;font-size:12.5px;font-weight:550;animation:.18s ease-out toastIn;position:fixed;bottom:26px;left:50%;transform:translate(-50%);box-shadow:0 8px 28px #00000080}.bannerToast.warn{background:#2a2114;border-color:#7a5a1e}@keyframes toastIn{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}.indexDot{color:var(--border)}.sfxLayers{margin-top:14px}.sfxHead{align-items:baseline;gap:10px;margin-bottom:8px;display:flex}.sfxTitle{letter-spacing:.04em;font-size:12px;font-weight:600}.sfxHead .dim{font-size:11px}.sfxTrack{background:var(--bg);border:1px solid var(--border);border-radius:10px;padding:6px 8px 8px;position:relative}.sfxRuler{color:var(--dim);gap:0;margin-bottom:6px;font-size:9px;display:flex}.sfxTick{text-align:left;font-variant-numeric:tabular-nums;flex:1 1 0;min-width:0}.sfxTick.now{color:var(--accent);font-weight:700}.sfxRow{background:repeating-linear-gradient(to right, var(--border-soft) 0 1px, transparent 1px calc(100% / 10));border-radius:6px;height:38px;margin-bottom:6px;position:relative}.sfxRow:last-of-type{margin-bottom:0}.sfxClip{background:color-mix(in srgb, var(--accent) 22%, transparent);border:1px solid var(--accent-line);cursor:grab;touch-action:none;border-radius:6px;min-width:14px;position:absolute;top:0;bottom:0;overflow:hidden}.sfxClip:active{cursor:grabbing}.sfxWave{width:100%;height:100%;fill:var(--accent);opacity:.85;position:absolute;inset:0}.sfxName{color:var(--text);text-shadow:0 1px 2px #000c;pointer-events:none;white-space:nowrap;font-size:9px;position:absolute;bottom:2px;left:6px}.sfxRowSide{pointer-events:auto;align-items:center;gap:4px;display:flex;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.sfxFrameNum{color:var(--muted);font-size:10px}.sfxBtn{border:1px solid var(--border);background:var(--panel);color:var(--text);border-radius:5px;justify-content:center;align-items:center;width:20px;height:20px;font-size:10px;line-height:1;display:inline-flex}.sfxBtn:hover{border-color:var(--accent)}.sfxPlayhead{background:var(--accent);pointer-events:none;width:1px;position:absolute;top:22px;bottom:8px}.sfxAdd{gap:8px;margin-top:8px;display:flex}.sfxAdd input{background:var(--bg);border:1px solid var(--border);min-width:0;color:var(--text);border-radius:8px;flex:auto;padding:6px 10px;font-size:12px}.btn.block{width:100%;margin:4px 0 10px;display:block}.btn.primary.quiet{border-color:var(--border);color:var(--dim);background:0 0}.btn:disabled{cursor:default}.speechScript{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);min-height:0;font-family:var(--mono);color:var(--text);white-space:pre-wrap;word-break:break-word;flex:auto;margin:0;padding:16px 18px;font-size:12.5px;line-height:1.7;overflow:auto}.speechBreak{background:color-mix(in srgb, var(--accent) 26%, transparent);color:#cfcfff;border:1px solid var(--accent-line);white-space:nowrap;border-radius:5px;padding:1px 5px;font-weight:600}.pauseBar{gap:10px;margin-bottom:10px}.pauseBarLabel{color:var(--muted);flex:none;font-size:12.5px}.pauseSteps{flex:none;gap:4px;display:flex}.pauseStep{border:1px solid var(--border);background:var(--panel);color:var(--muted);border-radius:7px;padding:5px 9px;font-size:12px;line-height:1}.pauseStep:hover{color:var(--text);border-color:var(--accent-line);background:var(--accent-soft)}.pauseStep:active{transform:translateY(1px)}.speechScript .speechBlock{white-space:normal}.speechPara{white-space:normal;margin:0}.speechWord{white-space:pre-wrap;display:inline-block;position:relative}.speechWordHit{color:inherit;font:inherit;cursor:text;background:0 0;border:none;border-radius:3px;margin:0 -1px;padding:1px}.speechWordHit:hover{background:color-mix(in srgb, var(--accent) 16%, transparent)}.speechWordHit:before{content:"";background:0 0;border-radius:1px;width:2px;position:absolute;top:0;bottom:0;left:-2px}.speechWord:hover .speechWordHit:before{background:color-mix(in srgb, var(--accent) 55%, transparent)}.speechWord.open .speechWordHit{background:color-mix(in srgb, var(--accent) 26%, transparent)}.speechWord.open .speechWordHit:before{background:var(--accent);width:3px;box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 22%, transparent);animation:1s step-end infinite speechCaret;left:-3px}@keyframes speechCaret{0%,60%{opacity:1}61%,to{opacity:.25}}.speechTail{display:inline-block;position:relative}.speechTailHit{color:var(--muted);font:inherit;opacity:.35;cursor:text;background:0 0;border:none;border-radius:3px;padding:1px 4px}.speechTailHit:hover,.speechTail.open .speechTailHit{opacity:1;background:color-mix(in srgb, var(--accent) 18%, transparent)}.speechGapMenu{z-index:5;background:var(--panel);border:1px solid var(--accent-line);white-space:nowrap;border-radius:9px;gap:4px;padding:5px;display:flex;position:absolute;top:calc(100% + 6px);left:50%;transform:translate(-50%);box-shadow:0 10px 26px #0000008c}.speechBreak.own{cursor:pointer}.speechBreak.own:hover{background:color-mix(in srgb, var(--accent) 42%, transparent)}.speechBreak.auto{background:color-mix(in srgb, var(--accent) 10%, transparent);color:var(--muted);cursor:default}.speechEditBar{flex:none;align-items:center;gap:8px;margin-bottom:10px;display:flex}.speechEditState{color:var(--muted);flex:1;font-size:12px}.speechGapClose{color:var(--muted);background:0 0;border:none;border-radius:6px;align-self:stretch;padding:0 6px;font-size:15px;line-height:1}.speechGapClose:hover{color:var(--text);background:color-mix(in srgb, var(--text) 8%, transparent)}.speechGapMenuLabel{color:var(--muted);white-space:nowrap;align-self:center;padding:0 6px 0 2px;font-size:11px}.speechToast{z-index:20;background:var(--text);color:var(--bg);pointer-events:none;border-radius:999px;padding:9px 16px;font-size:12.5px;font-weight:600;animation:2.4s forwards speechToast;position:absolute;bottom:26px;left:50%;transform:translate(-50%);box-shadow:0 12px 30px #00000080}@keyframes speechToast{0%{opacity:0;transform:translate(-50%,8px)}10%{opacity:1;transform:translate(-50%)}80%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,4px)}}.devicePicker{align-items:center;gap:8px;margin-left:auto;display:flex}.devicePicker .deviceSelect{margin-left:0;padding:7px 9px;font-size:12.5px}.contentHead .devicePicker+.panelMeta{margin-left:0}.deviceStage{flex:auto;min-height:0;padding:10px;display:flex;overflow:auto}.deviceFit{flex:none;margin:auto;position:relative}.device{box-sizing:content-box;transform-origin:0 0;background:linear-gradient(148deg,#3c3c44,#18181c 40%,#0f0f11 68%,#303038);position:absolute;top:0;left:0;box-shadow:0 30px 70px #0009,0 0 0 1px #ffffff12}.deviceScreen{color:#fff;background:#000;flex-direction:column;width:100%;height:100%;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Helvetica Neue,system-ui,sans-serif;display:flex;position:relative;overflow:hidden}.deviceStatus{z-index:3;height:var(--safe-top);pointer-events:none;justify-content:space-between;align-items:center;padding:0 28px;font-size:15px;font-weight:600;display:flex;position:absolute;top:0;left:0;right:0}.deviceStatus.island,.deviceStatus.notch{padding-top:12px}.deviceStatus.none,.deviceStatus.hole{padding:0 14px;font-size:12px}.deviceClock{font-variant-numeric:tabular-nums;letter-spacing:.2px}.deviceIcons{align-items:center;gap:5px;display:inline-flex}.deviceIsland,.deviceNotch,.deviceHole{z-index:4;background:#000;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 0 0 1px #ffffff14}.deviceIsland{border-radius:999px;width:126px;height:37px;top:11px}.deviceNotch{border-radius:0 0 20px 20px;width:209px;height:30px;top:0}.deviceHole{border-radius:50%;width:11px;height:11px;top:10px}.deviceHome{z-index:4;background:#ffffffbf;border-radius:999px;width:140px;height:5px;position:absolute;bottom:8px;left:50%;transform:translate(-50%)}.deviceScreen .reader{overscroll-behavior:contain;min-height:0;padding:var(--safe-top) 0 calc(var(--safe-bottom) + 110px);scrollbar-width:none;background:0 0;border:none;border-radius:0;flex:auto;overflow-y:auto}.deviceScreen .reader::-webkit-scrollbar{display:none}.deviceScreen .readerBanner{max-width:none;margin:0 0 -18px;padding:0;position:relative}.deviceScreen .readerBannerImg{border:none;border-radius:0}.deviceScreen .readerBanner:not(.empty):after{content:"";background:linear-gradient(#0000,#000);height:90px;position:absolute;bottom:0;left:0;right:0}.deviceScreen .readerBanner.empty{margin-bottom:0}.deviceScreen .readerBannerEmpty{background:#0a0a0a;border-radius:0}.deviceScreen .readerTitle{color:#fff;max-width:none;margin:0;padding:24px 32px 0;font-size:28px;line-height:1.18}.deviceScreen .readerRule{margin:26px 0}.deviceScreen .readerRuleLine{background:#ffffff1a}.deviceScreen .readerP{letter-spacing:0;color:#ffffffe0;max-width:none;margin:0 0 20px;padding:0 28px;font-size:16px;line-height:26px}.deviceScreen .readerH2{color:#fff;max-width:none;margin:0;padding:14px 28px 10px;font-size:19px}.deviceScreen .readerPause{max-width:none;margin:0 0 10px;padding:0 28px}.deviceScreen .readerP.ahead,.deviceScreen .readerH2.ahead{color:#ffffff6b}.deviceScreen .readerP.said,.deviceScreen .readerH2.said{color:#ffffffb8}.deviceScreen .readerP.now,.deviceScreen .readerH2.now{color:#fff}.deviceScreen .readerP.now:before,.deviceScreen .readerH2.now:before{background:#ffffffe6}.readerSummary{text-align:center;color:#d4d4d499;max-width:620px;margin:0 auto 19px;padding:0 32px;font-size:13.5px;line-height:1.65}.deviceScreen .readerSummary{color:#ffffff8c;max-width:none;margin:6px 0 26px;padding:0 28px;font-size:14px}.deviceScreen .reader.vision .readerRule{display:none}.deviceScreen .reader.vision .readerTitle{padding-top:18px}.visionKnight{width:96px;height:96px;image-rendering:pixelated;background-image:url(/sprites/knight_sheet.png);background-repeat:no-repeat;background-size:672px 576px;margin:68px auto 0;animation:.6s steps(6,end) infinite knightIdle;display:block}@keyframes knightIdle{0%{background-position:0 0}to{background-position:-576px 0}}.appTopBar{top:var(--safe-top);z-index:2;pointer-events:none;justify-content:space-between;align-items:center;padding:10px 20px 0;display:flex;position:absolute;left:0;right:0}.appClose{background:#1c1c1c;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;font-size:13px;font-weight:700;display:inline-flex}.appReadTime{color:#ffffff8c;font-size:12px}.appNarration{left:20px;right:20px;bottom:calc(var(--safe-bottom) + 24px);z-index:2;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);pointer-events:none;background:#3030308c;border:1px solid #ffffff1a;border-radius:20px;align-items:center;gap:12px;padding:11px 12px;display:flex;position:absolute}.appNarrationBtn{color:#000;background:#fff;border-radius:50%;flex:none;justify-content:center;align-items:center;width:38px;height:38px;font-size:12px;display:inline-flex}.appNarrationMid{flex-direction:column;flex:1;gap:7px;min-width:0;display:flex}.appNarrationTitle{white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:600;overflow:hidden}.appNarrationTrack{background:#ffffff1a;border-radius:999px;height:3px;overflow:hidden}.appNarrationFill{background:#fff;border-radius:999px;height:100%;display:block}.appNarrationTime{color:#ffffff8c;font-variant-numeric:tabular-nums;flex:none;font-size:12px}.deviceWall{flex:auto;align-items:flex-start;gap:24px;min-height:0;padding:10px 0 4px;display:flex;overflow:auto}.deviceWallItem:first-child{margin-left:auto}.deviceWallItem:last-child{margin-right:auto}.deviceWallItem{flex-direction:column;flex:none;align-items:center;gap:9px;display:flex}.deviceWallLabel{color:var(--dim);white-space:nowrap;font-size:11px}.audioVoice{flex:none;max-width:190px;padding:6px 9px;font-size:12px}.panelHeadRight{align-items:center;gap:10px;min-width:0;display:flex}.panelHeadRight .panelMeta{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.panelSave{flex:none}.indexCard.isDraft{border-style:dashed;border-color:var(--accent-line)}.indexDraft{z-index:1;border:1px dashed var(--accent-line);color:var(--accent);letter-spacing:.08em;background:#000000b8;border-radius:6px;padding:3px 7px;font-size:9px;font-weight:700;position:absolute;top:8px;left:8px}.shelfPicker{margin-left:auto;padding:3px}.shelfPicker .segOpt{padding:4px 10px;font-size:11.5px}.indexLock{z-index:1;border:1px solid var(--border);color:var(--text);letter-spacing:.08em;background:#000000b8;border-radius:6px;padding:3px 7px;font-size:9px;font-weight:700;position:absolute;top:8px;right:8px}.indexVoice{color:var(--dim);margin-left:5px;font-size:11px}.indexVoice.on{color:var(--text)}.segmented.fill{width:100%}.segmented.fill .segOpt{text-align:center;flex:1 1 0}.characterStage{flex-direction:column;align-items:center;gap:14px;padding:24px;display:flex;overflow-y:auto}.characterCard{border:1px solid var(--border);border-radius:var(--radius);background:var(--panel);width:100%;max-width:420px;overflow:hidden}.characterBanner{background:var(--elev);justify-content:center;align-items:center;height:170px;display:flex;position:relative}.characterBanner img{object-fit:cover;width:100%;height:100%;display:block}.characterBanner.locked img{filter:brightness(.45)}.characterLock{font-size:22px;position:absolute}.characterRow{align-items:baseline;gap:8px;padding:13px 15px;display:flex}.characterName{font-size:14px;font-weight:600}.characterNote{color:var(--dim);text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:12px;overflow:hidden}.characterState{color:var(--muted);border:1px solid var(--border);border-radius:999px;flex:none;padding:3px 9px;font-size:11px;font-weight:600}.characterHint{text-align:center;max-width:420px}.backBtn{flex:none;margin-right:2px}.bannerPick{align-items:center;gap:10px;margin-bottom:10px;display:flex}.bannerPickThumb{object-fit:cover;border:1px solid var(--border);background:var(--elev);border-radius:8px;flex:none;width:96px;height:54px}.bannerPickThumb.empty{color:var(--dim);justify-content:center;align-items:center;font-size:11px;display:flex}.hint.warn{color:#e2a0a0}.bannerPickButtons{flex-wrap:wrap;gap:6px;display:flex}.rosterThumb{aspect-ratio:1200/420;object-fit:cover;background:#0d0d0f;width:100%;display:block}.rosterThumb.empty{color:var(--dim);border-bottom:1px dashed var(--border);justify-content:center;align-items:center;font-size:12px;display:flex}.rosterGrid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}