:root{--bg:#f5f4f0;--panel:#faf9f6;--paper:#fffefa;--text:#30372f;--muted:#85897d;--border:#e5e5dc;--accent:#667956;--soft:#eaf0e3;--side:#1d2520;--side-text:#c6cdc2;--shadow:0 8px 40px #28312706;--editor-ink:#3d4238;color-scheme:light;font-family:Arial,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-size:13px}button,input,select,textarea{font:inherit}button{cursor:pointer;border:1px solid var(--border);background:transparent;color:inherit;border-radius:6px;padding:9px 12px;transition:background .15s}button:hover{background:var(--soft)}button:focus-visible,a:focus-visible{outline:2px solid #9caa7e;outline-offset:2px}input,select,textarea{color:var(--text);background:var(--paper);border:1px solid var(--border);border-radius:5px;padding:10px;max-width:100%}textarea{resize:vertical;line-height:1.65}input:focus,textarea:focus,select:focus{outline:1px solid var(--accent)}.app{display:flex;min-height:100vh}.sidebar{width:240px;flex-shrink:0;background:var(--side);color:var(--side-text);padding:30px 18px 16px;display:flex;flex-direction:column;height:100vh;position:sticky;top:0;overflow:auto}.brand{display:flex;align-items:center;color:#f1f2e7;font:32px Georgia,serif;text-decoration:none;letter-spacing:-1.5px;margin-bottom:38px;gap:10px}.brand-mark{width:34px;height:34px;border:1px solid #8b9d76;border-radius:10px 2px 10px 2px;font:27px Georgia;text-align:center;color:#c6d8af}.brand-dot{color:#acbd93;margin-left:-8px}.workspace-label{font-size:9px;letter-spacing:1.5px;color:#8d9b8e;margin:0 10px 12px;display:flex;justify-content:space-between}.workspace-label span{font-size:8px;letter-spacing:.6px}.project-select{width:100%;background:#29332b;color:#e2e8dc;border-color:#3b453c;font-size:13px;margin-bottom:7px}.sidebar button{border-color:transparent}.subtle{font-size:12px;color:var(--muted)}.wide{width:100%}.sidebar .subtle{color:#9ba896;text-align:left}.side-rule{height:1px;background:var(--border);margin:22px 0}.sidebar .side-rule{background:#364036;margin:20px 5px}.nav{display:flex;align-items:center;gap:12px;text-align:left;padding:11px 12px;width:100%;font-size:12px;margin:2px 0;color:inherit}.nav>span:first-child{font-size:18px;min-width:18px}.sidebar .nav:hover,.sidebar .nav.active{background:#35432f;color:#e3eddb}.badge{margin-left:auto;font-size:10px!important;background:#55654a;padding:2px 6px;border-radius:4px}.tree-head{display:flex;align-items:center;justify-content:space-between;margin:20px 8px 7px;font-size:9px;letter-spacing:1.6px;color:#8c998b}.tree-head button{padding:2px 6px;font-size:20px}.tree{max-height:260px;overflow:auto}.tree-item{display:flex;align-items:center;gap:3px;margin:3px 0}.tree-item.child{padding-left:17px}.tree-item button:first-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;text-align:left;padding:9px 10px;font-size:12px}.tree-item.active{background:#303a30;border-radius:5px;color:#d9e5c7}.tree-item .more{padding:4px;opacity:0}.tree-item:hover .more,.more:focus{opacity:1}.add-scene{text-align:left;font-size:11px;color:#95a48c}.sidebar-bottom{margin-top:auto;padding-top:35px}.bottom-row{display:flex;align-items:center;gap:6px;border-top:1px solid #364036;margin-top:13px;padding-top:15px;color:#94a08e}.bottom-row button{padding:5px;font-size:11px}.bottom-row small{font-size:9px}.local-dot{width:5px;height:5px;background:#97af7c;border-radius:50%;margin-left:auto}main{flex:1;min-width:0}.topbar{height:73px;border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 32px;justify-content:space-between;gap:16px;background:var(--panel)}.breadcrumbs{display:flex;gap:15px;font-size:11px;white-space:nowrap;overflow:hidden}.breadcrumbs>span{color:var(--muted)}.top-actions{display:flex;align-items:center;gap:9px;white-space:nowrap}.top-actions button{font-size:11px}.top-actions #saveStatus{font-size:10px;color:var(--muted);margin-right:16px}.primary{background:var(--accent)!important;color:white!important;border-color:var(--accent)!important}.primary:hover{filter:brightness(1.1)}.document-heading{padding:32px 38px 26px;display:flex;justify-content:space-between;align-items:center}.eyebrow{font-size:9px;letter-spacing:2px;color:var(--accent);font-weight:bold}h1{font:29px Georgia,serif;margin:10px 0 8px;letter-spacing:-.6px}.document-heading p{margin:0;font-size:11px;color:var(--muted)}.heading-actions{display:flex;gap:8px}.heading-actions button{font-size:11px}.writing-area{display:flex;margin:0 30px 20px;gap:24px;height:calc(100vh - 228px);min-height:470px}.editor-pane{flex:1;min-width:0;display:flex;flex-direction:column;border:1px solid var(--border);border-radius:8px;overflow:hidden;background:var(--panel)}.toolbar{min-height:51px;display:flex;align-items:center;gap:3px;padding:9px 12px;border-bottom:1px solid var(--border);flex-wrap:wrap}.toolbar button{padding:5px 7px;border:0;border-radius:3px;font-size:13px;min-width:25px}.toolbar button[data-cmd=justifyCenter]{text-align:center}.toolbar select{padding:5px 3px;background:transparent;border:0;font-size:11px}.toolbar i{width:1px;height:18px;background:var(--border);margin:0 5px}.color-tool{position:relative;display:inline-flex;align-items:center;justify-content:center;width:28px;height:27px;font-weight:bold;cursor:pointer;border-bottom:3px solid #9b80bc}.color-tool input{position:absolute;opacity:0;width:100%;height:100%;cursor:pointer;padding:0}.highlight{border-color:#dbc884}.paper-scroll{flex:1;overflow:auto;padding:32px 32px 60px;background:var(--bg)}.paper{max-width:790px;min-height:720px;margin:0 auto;padding:54px 60px;background:var(--paper);box-shadow:var(--shadow);border:1px solid var(--border);color:var(--editor-ink)}.paper-kicker{text-align:center;font-size:9px;color:var(--muted);letter-spacing:2.6px}.document-title{display:block;text-align:center;width:100%;font:30px Georgia,serif;border:0;background:transparent;padding:0;margin:19px 0;color:inherit}.ornament{text-align:center;color:#9d9c80;font-size:11px;margin:0 0 35px}#editor{outline:0;min-height:300px;line-height:1.95;font:18px/1.95 Georgia,serif;overflow-wrap:anywhere;white-space:pre-wrap}#editor p{margin:0 0 1.1em}#editor:empty:before{content:attr(data-placeholder);color:var(--muted);pointer-events:none}.page-end{text-align:center;color:#aaa98f;font-size:17px;margin-top:50px}.editor-status{display:flex;justify-content:space-between;gap:10px;padding:13px 15px;border-top:1px solid var(--border);font-size:10px;color:var(--muted)}.editor-status strong{font-weight:400;color:var(--text)}.editor-status i{padding:0 8px;font-style:normal}.inspector{width:216px;flex-shrink:0;overflow:auto;padding:4px 0 10px}.inspector-title{font-size:9px;letter-spacing:1.7px;display:flex;justify-content:space-between;margin:0 0 25px}.inspector label{display:block;font-size:9px;letter-spacing:1px;color:var(--muted);margin:0 0 23px}.inspector input,.inspector textarea,.inspector select{width:100%;margin-top:10px;font-size:11px;letter-spacing:0;background:transparent}.inspector select{background:var(--soft);color:var(--accent)}.inspector textarea{border:0;padding:0;outline:none}.goal-title{font-size:12px;display:flex;justify-content:space-between}.goal-numbers{margin:15px 0 12px}.goal-numbers strong{font:25px Georgia}.goal-numbers span{font-size:10px;color:var(--muted)}.progress{height:5px;border-radius:5px;background:var(--border);overflow:hidden}.progress>div{height:100%;background:#8b9c6c;transition:width .3s}.muted{color:var(--muted)}.small{font-size:10px;line-height:1.7}.quote{font:italic 16px/1.7 Georgia;color:#8b917e;border-top:1px solid var(--border);margin-top:25px;padding-top:25px}.quote span{display:block;font:8px Arial;letter-spacing:2px;margin-top:15px}.collection-area{padding:0 38px 45px;max-width:1500px}.collection-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px}.card{border:1px solid var(--border);border-radius:9px;background:var(--paper);padding:25px}.card h3{font:23px Georgia;margin:12px 0}.card .card-icon{font:30px Georgia;color:var(--accent)}.card p{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.8;color:var(--muted)}.card button{font-size:11px;margin:5px 5px 0 0}.card .chip{font-size:9px;color:var(--accent);background:var(--soft);padding:4px 7px;border-radius:4px}.empty{border:1px dashed var(--border);padding:60px;text-align:center;color:var(--muted);line-height:1.8}.covers-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}.cover-preview{aspect-ratio:2/3;max-width:300px;margin:20px auto;background:#2f4038;color:#ede9d9;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:35px;box-shadow:6px 10px 20px #0002;overflow:hidden}.cover-preview h2{font:35px Georgia}.cover-preview img{width:100%;height:100%;object-fit:cover}.cover-preview:has(img){padding:0}.panel-card{border:1px solid var(--border);border-radius:5px;margin-top:22px;padding:16px}.panel-card h3{font:16px Georgia;margin:0 0 12px}.panel-card textarea{width:100%;display:block;margin:8px 0;font-size:12px}.panel-card img{max-height:330px;max-width:100%;display:block;margin:auto}.panel-card button{font-size:10px;margin-right:6px}#addPanel{margin-top:20px}.manhwa .panel-card{max-width:420px;margin:30px auto 70px}.manhwa .paper{max-width:580px}.manga .paper-kicker::after{content:' · LETTURA DA DESTRA A SINISTRA'}.focus .sidebar,.focus .document-heading,.focus .inspector{display:none}.focus .writing-area{height:calc(100vh - 98px);margin-top:14px}.focus .paper{max-width:850px}.focus .topbar{height:65px}dialog{width:min(660px,94vw);max-height:88vh;border:1px solid var(--border);border-radius:12px;background:var(--panel);color:var(--text);padding:28px;box-shadow:0 20px 80px #0004}dialog::backdrop{background:#101b1870;backdrop-filter:blur(4px)}.dialog-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.dialog-top h2{font:26px Georgia;margin:0}.dialog-top button{border:0;font-size:25px;padding:0 6px}.form-field{display:block;margin:16px 0;font-size:11px;color:var(--muted)}.form-field input,.form-field select,.form-field textarea{display:block;width:100%;margin-top:8px;color:var(--text);font-size:13px}.form-row{display:flex;gap:16px}.form-row>*{flex:1;min-width:0}.dialog-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.danger{color:#b66b61}.export-options{display:grid;gap:12px}.export-options button{text-align:left;padding:20px}.export-options strong{display:block;font:19px Georgia;margin-bottom:5px}.export-options span{font-size:11px;color:var(--muted)}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:var(--side);color:#f1f2e8;padding:13px 22px;border-radius:7px;box-shadow:0 5px 25px #0002;z-index:20;opacity:0;pointer-events:none;transition:opacity .2s}#toast.visible{opacity:1}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.mobile-only{display:none}[hidden]{display:none!important}#printArea{display:none}.dark{--bg:#1d221f;--panel:#252b26;--paper:#2b312b;--text:#e0e4d8;--muted:#9aab96;--border:#3b443c;--accent:#91a577;--soft:#35432f;--editor-ink:#dce1d3;color-scheme:dark}.dark .primary{color:#152015!important}
@media(min-width:1600px){.writing-area{margin-left:45px;margin-right:45px;gap:35px}.inspector{width:250px}.paper-scroll{padding:40px 55px}.sidebar{width:255px}.document-heading{padding:37px 45px}}
@media(max-width:1150px){.inspector{width:180px}.sidebar{width:205px;padding:24px 12px}.writing-area{gap:16px;margin:0 20px 20px}.paper-scroll{padding:22px 16px}.paper{padding:40px 30px}.topbar{padding:0 20px}#saveStatus{display:none}.document-heading{padding:28px 22px}.toolbar{gap:0}}
@media(max-width:900px){.inspector{display:none}.inspector.show{display:block;position:fixed;right:0;top:73px;bottom:0;background:var(--panel);z-index:5;width:260px;padding:22px;box-shadow:-10px 0 30px #0002}.top-actions button span{display:none}.breadcrumbs{max-width:200px}.editor-status #editorMode{display:none}.paper-scroll{padding:20px}.paper{padding:40px 35px}.document-heading h1{font-size:25px}}
@media(max-width:650px){.sidebar{display:none;position:fixed;z-index:10;width:245px;box-shadow:10px 0 50px #0005}.sidebar.open{display:flex}.mobile-only{display:block}.topbar{padding:0 12px;gap:8px;height:65px}.breadcrumbs{display:none}.top-actions{margin-left:auto}.top-actions button{padding:8px}.document-heading{padding:23px 17px}.document-heading h1{font-size:24px}.heading-actions button span{display:none}.writing-area{margin:0 10px 12px;height:calc(100dvh - 203px);min-height:400px}.paper-scroll{padding:12px 8px}.paper{padding:35px 20px}.document-title{font-size:25px}.toolbar{padding:7px}.toolbar button{padding:5px}.toolbar i{margin:0 2px}#editor{font-size:16px}.editor-status{font-size:9px}.collection-area{padding:0 17px 30px}.covers-grid{grid-template-columns:1fr}.form-row{display:block}.collection-bar{gap:15px}.quote{display:none}}
@media print{body{background:white!important;color:black!important}.app,dialog,#toast{display:none!important}#printArea{display:block!important;font:12pt/1.65 Georgia;color:#000;background:#fff}.print-cover{height:240mm;display:flex;flex-direction:column;align-items:center;justify-content:center;break-after:page;text-align:center;overflow:hidden}.print-cover img{max-width:100%;max-height:235mm;object-fit:contain}.print-cover h1{font-size:36pt}.print-doc{break-before:page;overflow-wrap:anywhere}.print-doc h1{text-align:center;font:26pt Georgia;margin:22mm 0 15mm}.print-doc h2{break-after:avoid}.print-panel{break-inside:avoid;border:1px solid #ddd;padding:5mm;margin:5mm 0}.print-panel img{max-width:100%;max-height:170mm}.print-panel p{white-space:pre-wrap}.print-text{white-space:pre-wrap}.print-doc p{orphans:3;widows:3}#printArea p{margin-bottom:1em}}

/* Studio 2 — a quieter canvas, readable notebook and intentional controls. */
:root{--bg:#f5f4f0;--panel:#faf9f6;--paper:#fffefa;--text:#30372f;--muted:#85897d;--border:#e5e5dc;--accent:#667956;--soft:#eaf0e3;--side:#1d2520;--side-text:#c6cdc2;--field:#e6eadf;--default-ink:#3d4238;--scroll:#a2ad91;--editor-ink:var(--default-ink)}
.dark{--bg:#1d221f;--panel:#252b26;--paper:#2b312b;--text:#e0e4d8;--muted:#9aab96;--border:#3b443c;--accent:#91a577;--soft:#35432f;--side:#1d2520;--side-text:#c6cdc2;--field:#384336;--default-ink:#dce1d3;--scroll:#718568;--editor-ink:var(--default-ink)}
*{scrollbar-width:thin;scrollbar-color:var(--scroll) transparent}::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--scroll);border-radius:99px;border:2px solid transparent;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background:var(--accent);border:1px solid transparent;background-clip:padding-box}
body{overflow:hidden}.app{height:100dvh;min-height:0}main{display:flex;flex-direction:column;height:100dvh;overflow:hidden}.topbar{flex-shrink:0;height:64px}.document-heading{flex-shrink:0;padding:23px 30px}.document-heading h1{font-size:27px}.writing-area{flex:1;min-height:0;height:auto!important;margin:0 22px 18px;gap:18px;overflow:hidden}.editor-pane{min-height:0;background:var(--panel);border-radius:12px}.paper-scroll{min-height:0;padding:28px 24px 45px;scrollbar-gutter:stable}.toolbar{flex-shrink:0;gap:4px;min-height:52px}.toolbar select{background:var(--field)}.editor-status{flex-shrink:0;min-height:40px}.sidebar{width:255px;padding:24px 16px 14px;scrollbar-color:#718568 transparent}.sidebar>*{flex-shrink:0}.brand{margin-bottom:24px}.brand-mark{color:#c6d8af;border-color:#8b9d76}.brand-dot{color:#acbd93}.sidebar .nav.active,.sidebar .nav:hover{background:#35432f;color:#e3eddb}.sidebar .nav{padding:9px 11px}.sidebar .side-rule{background:#364036;margin:14px 4px}.sidebar-bottom{padding-top:15px}.tree-head{margin-top:12px;letter-spacing:1px}.tree{max-height:32vh;min-height:130px;flex-shrink:0;padding:3px 2px}.tree-item{gap:0}.tree-item.active{background:#35432f;color:#d9e5c7}.tree-item button:first-child{display:flex;gap:8px;align-items:center;min-width:0;white-space:normal;padding:9px 7px}.tree-item button:first-child>span:nth-child(2){overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.tree-item small{font-size:9px;background:#55654a;border-radius:5px;padding:3px 5px}.tree-item .more{opacity:.7;min-width:24px}.tree-pages{border-left:1px solid #4d5c44;margin:2px 0 9px 24px;padding-left:8px}.tree-pages button{width:100%;display:flex;gap:8px;text-align:left;padding:7px 9px;font-size:11px;color:#b0bea3}.tree-pages button.selected{color:#e3eddb;background:#303a30}.tree-pages button span:last-child{margin-left:auto;color:#a8bc90;font-size:8px}.sidebar .workspace-label{color:#8d9b8e}.sidebar .bottom-row{border-color:#364036}.sidebar .subtle,.add-scene{color:#a9b69e}.badge{background:#55654a}.collection-area{min-height:0;overflow:auto;flex:1;padding-bottom:50px;max-width:none}.inspector{width:266px;flex-shrink:0;min-height:0;padding:20px 17px 26px;overflow-y:auto;overflow-x:hidden;border:1px solid var(--border);border-radius:12px;background:var(--panel);scrollbar-gutter:stable}.inspector-title{letter-spacing:1.1px;font-size:10px;line-height:1.6;margin-bottom:20px}.inspector label{font-size:10px;letter-spacing:.9px;margin-bottom:18px}.inspector textarea,.inspector input,.inspector select{background:var(--field);border:1px solid var(--border);border-radius:9px;color:var(--text);padding:11px 12px;line-height:1.65;font-size:12px;margin-top:8px;min-height:42px}.inspector textarea:focus{outline:2px solid var(--accent);outline-offset:1px}.inspector textarea{min-height:125px}.inspector input::placeholder,.inspector textarea::placeholder{color:var(--muted);opacity:1}.inspector .side-rule{margin:20px 0}.inspector .quote{font-size:15px}.progress>div{background:var(--accent)}.goal-numbers>span{line-height:1.8}.goal-numbers{display:flex;gap:7px;align-items:baseline;flex-wrap:wrap}.goal-numbers span span{white-space:nowrap}
button:disabled{opacity:.38;cursor:default}button:disabled:hover{background:transparent}button,input,textarea{border-radius:8px}button:hover{border-color:var(--accent)}input,textarea{background:var(--field)}input[type=color]{min-width:45px;height:40px;padding:3px}.select-wrap{display:inline-flex;position:relative;max-width:100%;vertical-align:middle;min-width:0}.native-select{position:absolute!important;opacity:0;pointer-events:none;inset:0;width:1px;height:1px;padding:0!important;overflow:hidden}.select-button{display:flex;justify-content:space-between;align-items:center;gap:16px;min-width:0;width:100%;background:var(--field);border:1px solid var(--border);border-radius:8px;padding:10px 12px;text-align:left;white-space:nowrap;font:12px Arial;letter-spacing:0}.select-button[aria-expanded=true]{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 15%,transparent)}.sidebar>.select-wrap{width:100%;margin-bottom:7px}.sidebar .select-button{background:#29332b;color:#e2e8dc;border-color:#3b453c;font-size:12px}.toolbar .select-button{padding:6px 8px;font-size:11px}.toolbar .select-wrap{max-width:170px}.inspector .select-wrap{display:flex;width:100%;margin-top:8px}.form-field>.select-wrap{display:flex;margin-top:8px;width:100%}.select-menu{position:fixed;z-index:10000;padding:6px;background:var(--panel);color:var(--text);border:1px solid var(--border);border-radius:12px;box-shadow:0 12px 45px #0003;overflow-y:auto}.select-menu button{display:flex;justify-content:space-between;align-items:center;width:100%;border:0;text-align:left;font-size:12px;padding:11px 12px;gap:15px;line-height:1.35;white-space:normal}.select-menu button[aria-selected=true]{background:var(--soft);color:var(--accent)}.select-menu button:focus{outline:0;background:var(--soft)}
.page-navigation{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;border-bottom:1px solid var(--border);background:var(--panel);flex-shrink:0;flex-wrap:wrap}.view-switch{display:flex;padding:3px;border-radius:8px;background:var(--bg);gap:2px}.view-switch button{font-size:10px;padding:7px 9px;border:0}.view-switch .selected{background:var(--soft);color:var(--accent);box-shadow:0 1px 4px #0001}.page-actions{display:flex;gap:5px;align-items:center}.page-actions button{font-size:11px;padding:6px 8px}.page-actions span{font-size:11px;min-width:42px;text-align:center;color:var(--muted);font-variant-numeric:tabular-nums}.sheet{display:flex;flex-direction:column;position:relative;margin:0 auto 25px;min-height:900px;padding:44px 48px 28px;border-radius:2px;box-shadow:0 6px 24px #00000008;max-width:790px}.sheet.current-sheet{border-color:color-mix(in srgb,var(--accent) 45%,var(--border))}.single-page .sheet{margin-bottom:0}.page-text,#editor{outline:0;min-height:400px;overflow-wrap:anywhere;white-space:pre-wrap;flex:1}.page-text p{margin:0 0 1.1em}.page-text:empty:before{content:attr(data-placeholder);color:var(--muted);pointer-events:none}.sheet-footer{padding-top:30px;margin-top:auto;font-size:12px;color:var(--muted);min-height:50px;white-space:pre-wrap}.sheet-subtitle{text-align:center;color:var(--muted);font-size:15px;line-height:1.5;white-space:pre-wrap}.sheet-subtitle:empty{display:none}.sheet .document-title{background:transparent;letter-spacing:-.6px;margin:14px 0;font-size:28px}.sheet .ornament{margin:20px 0 28px}.sheet .ornament:empty{margin:10px}.continuation-title{text-align:center;font:23px Georgia;line-height:1.5;margin:15px 0}.continuation-title small{font:11px Arial;color:var(--muted)}.delete-page{position:absolute;right:9px;top:7px;padding:2px 7px;border:0;opacity:.35;font-size:18px}.sheet:hover .delete-page{opacity:1}.manga .paper-kicker::after{content:none}.manhwa .sheet{max-width:590px}.design-settings{background:var(--soft);color:var(--accent);text-align:left;padding:16px}.design-divider{border-top:1px solid var(--border);margin-top:22px;padding-top:22px;font-size:10px;letter-spacing:2px}.check-label{display:flex;gap:9px;align-items:center;font-size:12px}.footer-demo{border:1px dashed var(--border);padding:20px;background:var(--paper);margin:18px 0;font-size:16px}.photo-editor{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:22px}.photo-editor>div{width:100%;height:160px;border:1px dashed var(--border);border-radius:12px;display:flex;align-items:center;justify-content:center;background:var(--field);overflow:hidden;color:var(--muted)}.photo-editor img{width:100%;height:100%;object-fit:contain}.card-photo{width:calc(100% + 50px);height:185px;object-fit:cover;margin:-25px -25px 17px;border-radius:9px 9px 0 0}.card:has(.card-photo)>.card-icon{display:none}.card{overflow:hidden}
.board-header,.timeline-intro{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:5px 0 26px}.board-header h2,.timeline-intro h2{font:29px Georgia;margin:10px 0}.board-header p,.timeline-intro p{font-size:12px;line-height:1.7}.board-saved{font-size:10px;color:var(--accent);white-space:nowrap}.board-tools{display:flex;flex-wrap:wrap;align-items:center;gap:7px;padding:12px 16px;border:1px solid var(--border);border-radius:12px;background:var(--panel);position:sticky;top:0;z-index:2;box-shadow:0 3px 12px #00000005}.board-tools button{font-size:12px}.board-tools .form-field{margin:0}.board-tools .form-field .select-wrap{margin:0}.board-tools>i{width:1px;height:23px;background:var(--border);margin:0 5px}.research-board{max-width:1000px;margin:25px auto;padding:32px 38px;background:var(--paper);border:1px solid var(--border);border-radius:12px;min-height:400px}.board-block{display:flex;gap:14px;position:relative;margin:4px -10px;padding:10px;border-radius:8px;align-items:flex-start}.board-block:hover,.board-block:focus-within{background:color-mix(in srgb,var(--soft) 35%,transparent)}.block-controls{display:flex;flex-direction:column;align-items:center;gap:2px;width:24px;flex-shrink:0;color:var(--muted);opacity:.35}.board-block:hover .block-controls,.board-block:focus-within .block-controls{opacity:1}.block-controls button{border:0;padding:1px 5px;font-size:12px;height:20px}.block-controls>span{font-size:17px}.block-content{min-width:0;flex:1;display:flex;gap:12px}.block-text{width:100%;min-height:55px;outline:0;line-height:1.85;font-size:15px;overflow-wrap:anywhere;white-space:pre-wrap}.block-text.heading{font:28px/1.5 Georgia;min-height:42px}.block-text.quote{border:0;border-left:3px solid var(--accent);padding:10px 20px;margin:0;font:italic 20px/1.7 Georgia;color:var(--muted)}.block-text:empty:before{content:attr(data-placeholder);color:var(--muted)}.block-text ul,.block-text ol{margin:0;padding-left:24px}.block-text p{margin:0 0 .7em}.block-content input[type=checkbox]{accent-color:var(--accent);width:18px;height:18px;margin-top:6px;flex-shrink:0}.board-block.checked .block-text{text-decoration:line-through;color:var(--muted)}.block-content figure{width:100%;margin:0}.block-content figure img{max-width:100%;max-height:500px;border-radius:9px;display:block}.block-content figure input{width:100%;margin-top:10px;border:0;background:transparent;font-size:12px}.block-content figure button{font-size:10px;margin-top:5px}.block-content hr{width:100%;border:0;border-top:1px solid var(--border);margin:22px 0}.board-add{width:100%;text-align:left;border:1px dashed var(--border);color:var(--muted);padding:17px;margin-top:18px}.timeline-filter{display:flex;align-items:center;gap:10px;padding:7px 14px;max-width:480px;background:var(--field);border:1px solid var(--border);border-radius:9px;margin:0 0 28px;color:var(--muted)}.timeline-filter input{background:transparent;border:0;width:100%;outline:0}.timeline-track{max-width:950px;margin:0 auto;padding:3px 0 50px}.timeline-stop{position:relative;padding:0 0 52px 73px;border-left:2px solid var(--border);margin-left:21px}.timeline-dot{position:absolute;left:-23px;top:20px;width:44px;height:44px;display:flex;align-items:center;justify-content:center;border:5px solid var(--bg);border-radius:50%;background:var(--event-color);color:white;font-size:11px;font-weight:bold;box-shadow:0 0 0 1px var(--border)}.event-card{border:1px solid var(--border);background:var(--paper);border-radius:13px;padding:20px 25px;position:relative;border-top:3px solid var(--event-color)}.event-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.event-top button{padding:4px 8px;font-size:12px}.event-date{color:var(--muted);font-size:10px;letter-spacing:1px}.event-card h3{font:24px Georgia;margin:13px 0}.event-card p{white-space:pre-wrap;line-height:1.8;color:var(--muted);font-size:13px;overflow-wrap:anywhere}.event-tags{display:flex;gap:6px;flex-wrap:wrap;margin:15px 0}.event-tags span{font-size:10px;padding:5px 9px;background:var(--soft);color:var(--accent);border-radius:20px}.event-actions{display:flex;gap:7px;flex-wrap:wrap}.event-actions button{font-size:11px}.insert-event{position:absolute;bottom:10px;left:-14px;background:var(--panel);border-radius:50%;width:26px;height:26px;padding:0;color:var(--muted)}.timeline-empty{text-align:center;padding:45px 20px;color:var(--muted);line-height:1.8}.timeline-empty>span{font-size:35px;color:var(--accent)}.timeline-empty h3{font:25px Georgia;color:var(--text)}
.focus .writing-area{margin-top:14px}.focus main{height:100dvh}.focus .paper{max-width:850px}.focus .page-navigation{justify-content:center}
@media(min-width:1600px){.inspector{width:285px}.writing-area{margin-left:30px;margin-right:30px;gap:24px}}
@media(max-width:1200px){.sidebar{width:226px}.inspector{width:232px;padding:16px 12px}.writing-area{margin:0 16px 15px;gap:12px}.paper-scroll{padding:22px 14px}.sheet{padding:36px 30px 25px;min-height:850px}.page-navigation{padding:9px;gap:7px}.page-actions button{padding:5px 7px}.document-heading{padding:20px 24px}}
@media(max-width:1000px){.inspector{display:none}.inspector.show{display:block;position:fixed;right:12px;top:76px;bottom:15px;width:280px;z-index:8;box-shadow:0 10px 50px #0004;padding:20px}.board-saved{display:none}.sheet{padding:40px;min-height:900px}}
@media(max-width:650px){.sidebar{width:270px;height:100dvh}.topbar{height:60px}.document-heading{padding:17px 16px}.document-heading h1{font-size:22px}.document-heading p{font-size:10px}.writing-area{min-height:0!important;margin:0 8px 9px;height:auto!important}.toolbar{padding:7px;gap:1px}.toolbar .select-button{font-size:10px;padding:6px}.page-navigation{justify-content:center;gap:6px;padding:7px}.page-actions{gap:4px}.page-actions button{font-size:10px}.view-switch button{font-size:10px;padding:5px 8px}.paper-scroll{padding:13px 8px 25px}.sheet{padding:32px 19px 20px;min-height:720px}.sheet .document-title{font-size:23px}.sheet .page-text{font-size:16px!important}.editor-status{font-size:9px;padding:9px;line-height:1.5}.editor-status i{padding:0 4px}.board-header,.timeline-intro{display:block}.board-header h2,.timeline-intro h2{font-size:25px}.board-tools{padding:10px;gap:5px}.board-tools button{font-size:11px;padding:8px}.research-board{padding:18px 13px}.board-block{gap:6px}.block-text{font-size:14px}.block-text.heading{font-size:24px}.timeline-stop{padding-left:35px;margin-left:19px}.event-card{padding:16px}.event-card h3{font-size:21px}.timeline-dot{width:34px;height:34px;left:-18px;font-size:10px}.timeline-filter{margin-top:20px}.collection-area{padding:0 16px 35px}.sheet-subtitle{font-size:13px}.form-row{display:block}.select-menu{max-width:calc(100vw - 24px)}}
@media print{body{overflow:visible}.print-sheet{display:flex;flex-direction:column;min-height:var(--print-height,240mm);break-before:page}.print-sheet .sheet-footer{margin-top:auto;color:#555}.print-sheet .paper-kicker,.print-sheet .sheet-subtitle{color:#555;text-align:center}.print-sheet .ornament{text-align:center;color:#555}.print-sheet .print-text{flex:1}.print-sheet .continuation-title{color:#333}#printArea .print-sheet h1{margin:12mm 0 5mm}.select-menu{display:none!important}}
@supports selector(::-webkit-scrollbar){*{scrollbar-width:auto;scrollbar-color:auto}::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-button{display:none;width:0;height:0}::-webkit-scrollbar-corner{background:transparent}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--scroll);border-radius:99px;border:2px solid transparent;background-clip:padding-box}}
@supports selector(::-webkit-scrollbar){.sidebar{scrollbar-width:auto;scrollbar-color:auto}}
/* Consistent, font-independent controls. */
.ui-icon{display:inline-block;width:17px;height:17px;vertical-align:middle;flex-shrink:0;pointer-events:none;color:inherit}
button>.ui-icon{vertical-align:-3px}button>.ui-icon:not(:only-child){margin-right:4px}
.nav>span:first-child{display:inline-flex;align-items:center;justify-content:center;min-width:18px}.nav .ui-icon{width:18px;height:18px}
.page-actions button,.view-switch button{display:inline-flex;align-items:center;justify-content:center;gap:5px;line-height:1.4}
.view-switch .ui-icon{width:16px;height:18px}.page-actions .ui-icon{width:16px;height:16px}
.select-button>.ui-icon{width:14px;height:14px;margin-right:0;margin-left:auto}
.tree-head .ui-icon{width:18px;height:18px}.tree-pages .ui-icon{width:13px;height:15px}.tree-item .ui-icon{width:14px;height:16px}
.block-controls .ui-icon,.event-top .ui-icon{width:15px;height:15px}.block-controls button{display:flex;align-items:center;justify-content:center;width:25px;height:25px;padding:4px}
.insert-event{display:flex;align-items:center;justify-content:center}.insert-event .ui-icon{width:14px;height:14px}
.toolbar .ui-icon{width:16px;height:16px}.more .ui-icon{width:16px;height:16px}.delete-page .ui-icon,#closeDialog .ui-icon{width:18px;height:18px}
@media(max-width:650px){.view-switch .ui-icon{width:14px;height:16px}.page-actions .ui-icon{width:14px;height:14px}.page-actions button{gap:3px}}
/* Settings controls should never stretch to match a multiline field. */
.dialog-actions{align-items:center;justify-content:flex-start;gap:9px}
.dialog-actions>button{flex:0 0 auto;align-self:center;width:auto;min-height:36px;max-width:100%;padding:9px 13px;font-size:12px;line-height:1.3}
.sound-settings{border:1px solid var(--border);border-radius:12px;background:var(--paper);padding:20px;margin-top:22px}
.sound-heading{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}.sound-heading h3{font:21px Georgia;margin:0 0 7px}.sound-heading p{color:var(--muted);font-size:11px;line-height:1.6;margin:0;max-width:330px}.sound-toggle{display:flex;align-items:center;gap:7px;white-space:nowrap;font-size:12px;margin-top:4px}.sound-toggle input,.sound-settings input[type=checkbox]{accent-color:var(--accent)}
.sound-volume{display:grid;grid-template-columns:1fr auto;gap:10px 16px;align-items:center;margin:18px 0}.sound-volume label{grid-column:1/-1;display:flex;justify-content:space-between;font-size:11px;color:var(--muted)}.sound-volume output{font-variant-numeric:tabular-nums;color:var(--text)}.sound-volume input[type=range]{width:100%;padding:0;accent-color:var(--accent);cursor:pointer;height:22px;background:transparent}.sound-volume button{font-size:11px;padding:9px 12px;white-space:nowrap;background:var(--soft)}
.sound-settings .check-label{font-size:11px}.sound-settings .small{margin-bottom:0}
#manuscriptOutline{flex-shrink:0;min-width:0}.tree{min-height:0;max-height:34vh}.outline-chevron{margin-left:7px;display:inline-flex!important}.outline-chevron .ui-icon{width:14px;height:14px}.outline-folded .ui-icon{transform:rotate(-90deg)}.outline-chevron,.tree-item button>span:first-child{transition:transform .15s}.open-doc{padding:4px!important;opacity:.65;flex:0 0 23px}.open-doc:hover,.open-doc:focus{opacity:1}.open-doc .ui-icon{width:13px;height:15px}.chapter-row>button:first-child{font-weight:500}.scene-group{margin-left:4px}
@media(max-width:650px){.dialog-actions{gap:8px}.dialog-actions>button{font-size:11px;padding:9px 11px}.sound-settings{padding:15px}.sound-heading h3{font-size:19px}.sound-heading{gap:10px}.sound-volume{grid-template-columns:1fr}.sound-volume button{justify-self:start}.sound-settings .select-button{white-space:normal;line-height:1.5}.tree{max-height:40vh}}
.select-button{color:var(--text)}.select-value{display:inline-flex;align-items:center;gap:4px;min-width:0;white-space:inherit;text-align:left}.select-value .ui-icon{width:13px;height:13px;margin:0}