/* Shared material and navigation, extracted from the writing studio. */
:root:has(body:is(.writing-page,.platform-page)){color-scheme:light;background:#ecf1f8;--studio-header-height:60px}
:is(.writing-page,.platform-page){
 color-scheme:light;--sans:'Microsoft YaHei','PingFang SC',sans-serif;--serif:'Songti SC','STSong','SimSun',serif;
 --paper:#ecf1f8;--panel:#fff;--input:#ffffffb3;--ink:#1c2c43;--muted:#4c607a;--placeholder:#697b92;
 --accent:#658ab9;--accent-ink:#36577d;--accent-soft:#7fa5d51a;--gold:var(--accent);--gold-light:var(--accent-ink);
 --line:#6b82a51c;--desk-border:#6b82a52b;--desk-highlight:var(--accent-soft);--glass-rail:#ffffff4d;--glass-popover:#ffffffe0;
 --manuscript:linear-gradient(130deg,#ffffff8c,#ffffff4d);--glass-shell:linear-gradient(115deg,#ffffff5c,#ffffff26);
 --glass-filter:blur(32px) saturate(135%);--glass-shadow:0 20px 60px #536c9720,0 3px 10px #536c9708,inset 0 1px 0 #ffffffed,inset 0 -1px 0 #ffffff55;
 --success:#357260;--danger:#a64558;--text:var(--ink);--text-muted:var(--muted);
 min-height:100vh;margin:0;background:radial-gradient(ellipse at 4% 15%,#c9def3 0,transparent 42%),radial-gradient(ellipse at 88% 20%,#d9d5ee 0,transparent 43%),radial-gradient(ellipse at 80% 90%,#c5e6ef 0,transparent 43%),radial-gradient(ellipse at 30% 85%,#e5edf9 0,transparent 40%),linear-gradient(125deg,#f9fbff,#e6edf7 50%,#f5f8fb);background-attachment:fixed;color:var(--ink);font:14px/1.7 var(--sans);-webkit-font-smoothing:antialiased;isolation:isolate;
}
:is(.writing-page,.platform-page)::before{content:'';position:fixed;z-index:-1;pointer-events:none;width:74vw;height:46vh;left:-14vw;top:32vh;border:clamp(40px,8vw,130px) solid #ffffff5c;border-radius:50%;transform:rotate(-28deg);filter:blur(22px)}
:is(.writing-page,.platform-page)::after{content:'';position:fixed;z-index:-1;pointer-events:none;width:60vw;height:42vh;right:-18vw;top:-16vh;border:clamp(36px,7vw,110px) solid #ffffff70;border-radius:50%;transform:rotate(-28deg);filter:blur(18px)}
:is(.writing-page,.platform-page) .studio-header{position:sticky;top:0;z-index:40;display:flex;align-items:center;gap:28px;min-height:60px;padding:0 28px;border-bottom:1px solid #ffffffa6;background:#ffffff4d;backdrop-filter:var(--glass-filter);-webkit-backdrop-filter:var(--glass-filter)}
.studio-header *{box-sizing:border-box}.studio-header a{color:inherit;text-decoration:none}
.studio-header .writer-brand{display:flex;align-items:center;gap:16px;flex:none;padding:12px 0}
.studio-header .brand-seal{display:grid;place-items:center;transform:rotate(45deg);width:30px;height:30px;border:1px solid #658ab96b;background:var(--accent-soft);color:var(--accent-ink);font:13px var(--serif)}
.studio-header .brand-seal span{transform:rotate(-45deg)}.studio-header .brand-copy{display:flex;flex-direction:column;gap:4px;line-height:1.2}
.studio-header .brand-copy strong{font:15px var(--serif);letter-spacing:.22em;font-weight:400}.studio-header .brand-copy small{font-size:8px;letter-spacing:.26em;color:var(--muted)}
:is(.writing-page,.platform-page) .studio-header nav{display:flex;align-self:stretch;align-items:stretch;gap:2px;margin:0;min-width:0}
:is(.writing-page,.platform-page) .studio-header nav a{display:flex;align-items:center;gap:6px;padding:0 12px;border-bottom:2px solid transparent;color:var(--muted);font-size:12px;font-weight:400;white-space:nowrap;transition:color .16s,background-color .16s}
:is(.writing-page,.platform-page) .studio-header nav a:hover{color:var(--accent-ink);background:#ffffff38}
:is(.writing-page,.platform-page) .studio-header nav a[aria-current=page]{color:var(--accent-ink);border-bottom-color:var(--accent)}
.studio-header iconify-icon{display:inline-block;width:1.2em;height:1.2em;flex:none;vertical-align:-.2em}
:is(.writing-page,.platform-page) .studio-header nav iconify-icon{display:inline-block}
.studio-header .writing-local{display:flex;align-items:center;gap:8px;margin-left:auto;font-size:11px;color:var(--muted);white-space:nowrap}.studio-header .writing-local>span{width:5px;height:5px;border-radius:50%;background:var(--accent)}
.platform-page *{box-sizing:border-box}.platform-page a{text-decoration:none}.platform-page :is(button,input,textarea,select){font-family:var(--sans)}
:is(.platform-page,.writing-page),:is(.platform-page,.writing-page) *{scrollbar-width:thin;scrollbar-color:#97abc159 transparent}
.platform-page :is(button,a){touch-action:manipulation;transition:background-color .16s,color .16s,border-color .16s}
.platform-page button:not(.ga-button){border-radius:9px}.platform-page button:disabled{opacity:.4;cursor:not-allowed}
.platform-page main a[class*='py-']:not(.folder-open){border-radius:9px}
.platform-page [class~='bg-gradient-to-r'][class~='from-[#c8a24a]']{background-image:linear-gradient(135deg,#f8fcffed,#c9dff6b3);color:#2c405d;border:1px solid #ffffffcc;box-shadow:0 4px 12px #537ca417,inset 0 1px 0 #fff}
.platform-page [class~='bg-gradient-to-r'][class~='from-[#c8a24a]']:hover{background-image:linear-gradient(135deg,#f5faff,#bcd6f0)}
.platform-page main :is(dl,.drop-zone,#emptyState){border-radius:16px;overflow:hidden;border-color:var(--desk-border)}
.platform-page main dl{background:#ffffff59;box-shadow:0 6px 24px #536c970a}
.platform-page main dl>div{background:#ffffff38}
.platform-page[data-studio-view=assets]>header+div+div{background:#ffffff38;border-color:var(--line);backdrop-filter:blur(24px)}
.platform-page .studio-assets-workspace>div>div:first-child{border-radius:16px;background:#ffffff59;border-color:#ffffffad;box-shadow:var(--glass-shadow);backdrop-filter:var(--glass-filter)}
.platform-page #groupList article{border-radius:14px;overflow:hidden}
.platform-page :is(input:not([type=range]):not([type=checkbox]):not([type=radio]):not([type=color]),select,textarea){color:var(--ink);background-color:var(--input);border-color:var(--desk-border);border-radius:9px;accent-color:var(--accent)}
.platform-page :is(input,textarea)::placeholder{color:var(--placeholder)}.platform-page select option{background:#fff;color:var(--ink)}
.platform-page :is(button,a,input,select,textarea,summary):focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.platform-page :is(input,textarea,select):focus{border-color:var(--accent);box-shadow:0 0 0 3px #658ab924}
.platform-page input[type=checkbox],.platform-page input[type=radio]{accent-color:var(--accent)}
.platform-page{--folder-ink:var(--ink);--folder-muted:var(--muted);--folder-line:var(--line);--folder-gold:var(--accent-ink);--folder-paper:var(--paper);--folder-surface:var(--glass-rail);--folder-radius:24px;--export-paper:var(--paper);--export-surface:var(--glass-rail);--export-elevated:var(--input);--export-ink:var(--ink);--export-muted:var(--muted);--export-gold:var(--accent-ink);--export-line:var(--desk-border)}
/* Working surfaces use glass; media and appearance samples keep their own theme. */
.platform-page>main:not(.explorer):not(:has(#stage)){padding-top:24px}
.platform-page main>section,.platform-page .studio-surface{border-radius:24px;border-color:#ffffffad;background:var(--glass-shell);box-shadow:var(--glass-shadow);backdrop-filter:var(--glass-filter);-webkit-backdrop-filter:var(--glass-filter)}
.platform-page main>section>div.border,.platform-page .project-card{border-radius:18px}
.platform-page[data-studio-view=home] main>section+section{padding:32px}
.platform-page .project-card{box-shadow:0 8px 24px #536c9710;overflow:hidden}
.platform-page :is(.local-statusbar,#toolbar){border-color:var(--line);background:#ffffff52;color:var(--muted);backdrop-filter:var(--glass-filter);-webkit-backdrop-filter:var(--glass-filter)}
.platform-page .local-statusbar{padding:8px 24px;font-size:11px}.platform-page .local-statusbar p{color:var(--placeholder)}
.platform-page .local-statusbar :is(a,button){color:var(--accent-ink);border-color:var(--desk-border);border-radius:7px;background:#ffffff52}
.platform-page .local-statusbar [data-error=true]{color:var(--danger)}
.platform-page #stage{height:calc(100dvh - var(--studio-header-height) - var(--local-status-height,0px))!important}
.platform-page #toolbar{border-radius:16px;margin:10px 12px;width:calc(100% - 24px);box-shadow:var(--glass-shadow);border:1px solid #ffffffad}
.platform-page #board{background:transparent}.platform-page #viewport{background-color:#f0f5fb80;background-image:linear-gradient(to right,#658ab90b 1px,transparent 1px),linear-gradient(to bottom,#658ab90b 1px,transparent 1px),linear-gradient(to right,#658ab91c 1px,transparent 1px),linear-gradient(to bottom,#658ab91c 1px,transparent 1px)}
.platform-page #leftTools,.platform-page #bottomRight>div,.platform-page #switcherPanel,.platform-page .node-editor>div:not(.editor-arrow),.platform-page :is(.ctx-menu,.cs-menu){border:1px solid #ffffffcf;border-radius:14px;background:var(--glass-popover);box-shadow:var(--glass-shadow);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}
.platform-page #miniBox{background:#f4f8fcd9!important;border-color:#ffffffcf!important;box-shadow:var(--glass-shadow)}
.platform-page #miniHelp{color:var(--muted);background:transparent;border-color:var(--line)}
.platform-page .canvas-node .chrome{border-radius:14px;border-color:#8fa9ca59;box-shadow:0 5px 18px #536c971a}
.platform-page .canvas-node.is-selected .chrome{box-shadow:0 0 0 2px var(--accent),0 12px 28px #536c972b}
.platform-page .canvas-node .port{border-color:var(--accent);background:#f8fbff}.platform-page .canvas-node .port:hover{background:#c9dff6}
.platform-page :is(.node-story-kind,.story-kind-badge){border-color:#658ab945;border-radius:6px;background:#e5effbf2;color:var(--accent-ink)}
.platform-page .node-story-kind[data-kind=ending]{color:#a64558;border-color:#a645583d;background:#f9eaf0}
.platform-page .node-story-kind[data-kind=choice]{color:#357260;border-color:#3572603d;background:#eaf6f3}
.platform-page :is(.story-field,.story-rule-hint,.story-section-label,.story-media-row p,.story-edge-heading,.story-condition-row,.ctx-item,.cs-item,.ctx-ico){color:var(--muted)}
.platform-page :is(.ctx-kbd,.ctx-label,.story-section-label small){color:var(--placeholder)}
.platform-page :is(.ctx-item,.cs-item){min-height:36px;border-radius:8px}.platform-page :is(.ctx-item,.cs-item):hover{background:var(--accent-soft);color:var(--accent-ink)}
.platform-page .cs-item.is-active{background:var(--accent-soft);color:var(--accent-ink)}.platform-page .ctx-item.danger:hover{color:var(--danger);background:#a6455810}.platform-page .ctx-sep{background:var(--line)}
.platform-page .node-editor .editor-arrow{background:#f1f6fc;border-color:var(--desk-border)}.platform-page #editorHeader{border-radius:14px 14px 0 0;background:#e9f1fa80}
.platform-page :is(.story-editor-section,.story-edge-row,.story-ending-preview){background:#ffffff66;border-color:var(--desk-border);border-radius:10px;color:var(--muted)}
.platform-page #editorBody :is(input,select){background:#ffffffa8;color:var(--ink);border-color:var(--desk-border);border-radius:8px}
.platform-page #editorBody button{border-color:var(--desk-border);color:var(--accent-ink)}.platform-page #editorBody .story-delete-node,.platform-page #editorBody [data-ending-remove]{color:var(--danger)!important;border-color:#a645583d!important}
.platform-page .edge-visual{stroke:var(--accent)}.platform-page .edge-visual[stroke-width='3']{stroke:var(--accent-ink)}
.platform-page .edge-label rect{fill:#f8fbfff2;stroke:#658ab94d}.platform-page .edge-label text{fill:var(--accent-ink)}
.platform-page .edge-hit:not([stroke=transparent]){stroke:#658ab924}.platform-page .flow-connector{color:var(--accent)}.platform-page .flow-line{background:linear-gradient(to right,#658ab97d,#658ab924)}
/* Project and folder browser. */
.platform-page .explorer{margin:20px 24px 32px;min-height:calc(100dvh - 150px);border:1px solid #ffffffad;border-radius:24px;overflow:clip;background:var(--glass-shell);box-shadow:var(--glass-shadow);backdrop-filter:var(--glass-filter);-webkit-backdrop-filter:var(--glass-filter)}
.platform-page .explorer-side{background:#ffffff30;top:80px;height:calc(100dvh - 100px)}
.platform-page :is(.side-brand small,.side-label,.side-local small,.library-backup small,.backup-chevron,.folder-detail,.progress-label,.explorer-footer){color:var(--muted)}
.platform-page .explorer-side a,.platform-page .side-local,.platform-page .library-backup summary{color:var(--muted)}
.platform-page .explorer-side a:hover,.platform-page .explorer-side a[aria-current=page]{background:#ffffff80;color:var(--accent-ink)}
.platform-page :is(.side-brand-mark,.side-project-thumb){background:#e4eef980;border-color:var(--desk-border);color:var(--accent-ink)}
.platform-page .explorer :is(iconify-icon,.entry-symbol){color:var(--accent-ink)}.platform-page .local-dot{background:#658ab9;box-shadow:none}
.platform-page .library-hero{background:var(--manuscript);border-color:#ffffffad;border-radius:20px}.platform-page .hero-art img{opacity:.25}.platform-page .hero-art:after{background:linear-gradient(90deg,#eff5fc 0%,#eff5fc8c 40%,#eff5fc1a)}
.platform-page :is(.library-hero h1,.hero-stat b,.folder-name,.explorer-empty strong){color:var(--ink)}
.platform-page :is(#managerSubtitle,.hero-stat small,.hero-film-label,.parent-link,.hero-eyebrow,.section-kicker,.collection-heading .section-kicker){color:var(--muted)}
.platform-page :is(.hero-link,.entry-open-label,.project-sections a[aria-current]){color:var(--accent-ink)}
.platform-page .project-sections{border-color:var(--line);color:var(--muted)}.platform-page .project-sections a[aria-current]{border-color:var(--accent)}
.platform-page .project-sections a:hover{color:var(--ink)}
.platform-page .explorer :is(button,select),.platform-page .folder-dialog button{background:#ffffff70;color:var(--ink);border-color:var(--desk-border);border-radius:9px;min-height:38px}
.platform-page .explorer :is(button,select):hover{background:#ffffffb3;color:var(--accent-ink);border-color:#658ab94d}
.platform-page .explorer-search{border-color:var(--desk-border);background:#ffffff66;border-radius:10px}.platform-page .explorer-search input{border:0;background:transparent}
.platform-page .explorer-view{border-color:var(--line);background:#dce8f54d;border-radius:11px}.platform-page .explorer-view button[aria-pressed=true]{background:#ffffffd9;color:var(--accent-ink);box-shadow:0 2px 8px #536c9714}
.platform-page .folder-entry{border-color:#ffffffd9;border-radius:16px;background:var(--manuscript)}.platform-page .folder-entry:hover{border-color:#658ab970;box-shadow:0 10px 28px #536c971c}
.platform-page .entry-cover{background:#dce8f5}.platform-page .cover-typographic{background:linear-gradient(135deg,#d6e8fa,#e8e4f6)}.platform-page .cover-initial{color:#658ab933}.platform-page .cover-lines{color:var(--accent-ink)}
.platform-page .entry-kind,.platform-page .entry-status{background:#f3f8fcd9;color:var(--accent-ink);border-color:#ffffffb3}.platform-page .entry-status{color:var(--success)}
.platform-page .entry-body .entry-open-label:after,.platform-page .chapter-progress span{background:var(--accent)}.platform-page .chapter-progress{background:#658ab91a}
.platform-page .folder-rename{color:var(--accent-ink)!important;background:#f3f8fce6!important;border-color:var(--desk-border)!important}
.platform-page :is(.entry-shortcut,.entry-recovery){background:linear-gradient(115deg,#e4effbb3,#ffffff4d)}
.platform-page .entry-symbol svg [fill]:not([fill=none]){fill:#a1bcdf80}.platform-page .entry-symbol svg [stroke]{stroke:var(--accent)}
.platform-page :is(.library-backup,.side-divider){border-color:var(--line)}.platform-page .local-backup-actions p{color:var(--muted)}
.platform-page .explorer-empty{border-color:var(--desk-border)}.platform-page .explorer-notice{color:var(--danger)}
/* Export controls surround, but never recolor, the game's monitor and samples. */
.platform-page :is(.export-monitor,.export-director-controls,.export-menu-setting,.export-chapter-section,.export-check,.export-package){border-radius:20px;background:var(--glass-shell);border-color:#ffffffad;box-shadow:var(--glass-shadow);backdrop-filter:var(--glass-filter);-webkit-backdrop-filter:var(--glass-filter)}
.platform-page .export-stage{border-radius:12px}.platform-page .preview-tabs{background:#dce8f54d;border-radius:11px;border-color:var(--line)}
.platform-page .export-shell .preview-tabs button{border-radius:8px}.platform-page .export-shell .preview-tabs button[aria-selected=true]{background:#ffffffe0;color:var(--accent-ink);box-shadow:0 2px 8px #536c9714}
.platform-page :is(.appearance-preset,.appearance-progress-preset){background:#ffffff4d;border-color:var(--desk-border);border-radius:12px}
.platform-page :is(.appearance-preset,.appearance-progress-preset):hover{border-color:#658ab980}
.platform-page :is(.appearance-preset,.appearance-progress-preset):has(input:checked){background:#e1edf980;border-color:var(--accent)}
.platform-page .appearance-control-grid :is(select,input[type=color]){background:var(--input);color:var(--ink);border-color:var(--desk-border);border-radius:9px}
.platform-page :is(.export-menu-actions,.export-check) button,.platform-page .story-errors-dialog button{background:#ffffff80;color:var(--accent-ink);border-color:var(--desk-border);border-radius:9px}
.platform-page .export-chapter{background:#ffffff59;border-radius:12px}.platform-page .export-check #exportCheckSummary{color:var(--success)}
.platform-page #appearanceStatus[data-error=true],.platform-page .export-check #exportCheckSummary[data-error=true],.platform-page #storyErrorCount{color:var(--danger)}
.platform-page #exportOperation{color:var(--accent-ink)}
.platform-page .explorer button.primary,.platform-page .folder-dialog .primary,.platform-page .export-shell :is(.export-save-appearance,.export-primary){background:linear-gradient(135deg,#f8fcffed,#c9dff6b3);color:#2c405d!important;border:1px solid #ffffffcc;border-radius:9px;box-shadow:0 4px 12px #537ca417,inset 0 1px 0 #fff}
.platform-page .explorer button.primary:hover,.platform-page .export-shell :is(.export-save-appearance,.export-primary):hover:not(:disabled){background:linear-gradient(135deg,#f5faff,#bcd6f0);color:#203550}
.platform-page :is(.folder-dialog,.story-errors-dialog){border:1px solid #ffffffcf;border-radius:20px;background:var(--glass-popover);color:var(--ink);box-shadow:var(--glass-shadow);backdrop-filter:blur(26px);-webkit-backdrop-filter:blur(26px)}
.platform-page :is(.folder-dialog,.story-errors-dialog)::backdrop{background:#bac5d447;backdrop-filter:blur(8px)}
.platform-page .folder-dialog :is(p,label),.platform-page .story-errors-dialog li{color:var(--muted)}.platform-page .folder-dialog input{background:var(--input);color:var(--ink);border-color:var(--desk-border)}
.platform-page .story-errors-dialog li a{color:var(--accent-ink)}
.platform-page #toast{border-radius:12px;box-shadow:var(--glass-shadow)}
.platform-page .studio-media-surface{color:#fff;background:#0b1018;border-radius:16px}.platform-page .studio-media-surface :is(#sceneTitle,#sceneDesc,#timeLabel){color:#fff}.platform-page .studio-media-surface>div.absolute.inset-0{background:linear-gradient(0deg,#0b1018ed,transparent 80%)}
.platform-page .studio-media-surface button{border-radius:0}
.platform-page .studio-assets-workspace label[class*='border']{border-radius:9px}
@media(max-width:1100px){.studio-header .writing-local{display:none}:is(.writing-page,.platform-page) .studio-header{gap:20px;padding-inline:24px}:is(.writing-page,.platform-page) .studio-header nav a{padding-inline:9px}}
@media(max-width:960px){:root:has(body:is(.writing-page,.platform-page)){--studio-header-height:104px}:is(.writing-page,.platform-page) .studio-header{display:flex;flex-wrap:wrap;gap:0 20px;padding:0 20px;min-height:104px}.studio-header .writer-brand{height:58px;padding:12px 0}:is(.writing-page,.platform-page) .studio-header nav{width:100%;order:2;height:46px;overflow-x:auto;scrollbar-width:none;gap:8px}:is(.writing-page,.platform-page) .studio-header nav a{padding:0 10px;font-size:12px}.studio-header .writing-local{display:flex}.platform-page .explorer{margin:16px}.platform-page .explorer-side{top:120px}}
@media(max-width:600px){.platform-page .explorer{margin:12px;border-radius:18px}.platform-page main>section{border-radius:18px}.platform-page .local-statusbar{padding-inline:16px}.platform-page #toolbar{margin-inline:8px;width:calc(100% - 16px)}.platform-page .export-shell{padding-inline:14px}.platform-page .studio-media-surface{border-radius:14px}}
@media(max-width:600px){.platform-page[data-studio-view=home] main>section+section{padding:16px}}
@media(min-width:961px){.platform-page .studio-assets-workspace{grid-template-columns:260px minmax(0,1fr)}.platform-page[data-studio-view=assets] main dl{grid-template-columns:repeat(6,minmax(0,1fr))}}
/* Header, save bar, sidebar and content move together in the document. */
:root:has(body.studio-scroll-ready){height:auto;overflow-x:clip;overflow-y:auto;scrollbar-gutter:stable;scroll-padding-block:20px 32px}
body.studio-scroll-ready{display:block;height:auto;min-height:100dvh;overflow:visible}
:is(.platform-page,.writing-page).studio-scroll-ready>.studio-header{position:static;background:linear-gradient(105deg,#e4f0fcce,#f4f2fcc9);box-shadow:0 1px 0 #ffffffb3,0 4px 18px #536c9707}
.studio-scroll-ready>.local-statusbar{position:static;padding:6px 24px;background:#ffffff2e}
.studio-scroll-ready>.local-statusbar [data-local-path]{display:none}
.studio-scroll{width:100%;position:relative;overflow:visible}
.studio-scroll>:first-child{scroll-margin-top:20px}
.studio-scroll .export-monitor{position:relative;top:auto;max-height:none;overflow:visible}
.export-story-column,.export-settings-column{display:flex;flex-direction:column;gap:20px;min-width:0}
.export-story-column>.export-monitor{align-self:stretch;width:100%}
.studio-scroll .explorer-side{position:static;align-self:stretch;top:auto;height:auto;max-height:none;overflow:visible}
.studio-scroll .flow-main,.studio-scroll :is(.document-scene,.document-chapter),.studio-scroll #stageTitle{scroll-margin-top:20px}
.studio-scroll :is(textarea,.flow-upstream pre,.writer-dialog,.cs-menu,#editorBody,.history-list){overscroll-behavior:contain}
html:has(body.studio-scroll-ready)::-webkit-scrollbar,.studio-scroll *::-webkit-scrollbar{width:8px;height:8px}
html:has(body.studio-scroll-ready)::-webkit-scrollbar-track,.studio-scroll *::-webkit-scrollbar-track{background:transparent}
html:has(body.studio-scroll-ready)::-webkit-scrollbar-thumb,.studio-scroll *::-webkit-scrollbar-thumb{background:#8da6c257;border:2px solid transparent;border-radius:8px;background-clip:padding-box}
html:has(body.studio-scroll-ready)::-webkit-scrollbar-thumb:hover,.studio-scroll *::-webkit-scrollbar-thumb:hover{background-color:#7592b080}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){:is(.writing-page,.platform-page){--glass-rail:#f8fafc;--glass-popover:#fff;--glass-shell:#f4f8fc;--manuscript:#f8fafc}:is(.writing-page,.platform-page)::before,:is(.writing-page,.platform-page)::after{display:none}:is(.writing-page,.platform-page) .studio-header{background:#f1f6fc}.platform-page :is(#toolbar,.local-statusbar){background:#f4f8fc}}
@media(prefers-reduced-motion:reduce){:is(.writing-page,.platform-page) *{transition:none!important;animation:none!important}}