:root{--accent:#057dbc;--accent-soft:#057dbc14;--accent-line:#057dbcd9;--ink:#111318;--rule:#111318;--canvas:#fff;--soft:#f5f6f8;--hair:#e0e0e0;--text:#1a1a1a;--text2:#6e6e6e;--text3:#9a9a9a;--ok:#1f6b3a;--warn:#9a6a00;--block:#c0362c;--g-fold:#e55845;--g-bleed:#1b46b4;--g-safe:#18966f;--stagebg:#e7e9ee;--stagefg:#6e6e6e;--stagehair:#cfd3da;--stagechrome:#fff;--sheet-fill:#fff;--s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:20px;--s6:24px;--s7:32px;--s8:48px;--touch:44px}:root[data-theme=dark]{--accent:#7fc6f0;--accent-soft:#7fc6f014;--accent-line:#7fc6f0d9;--ink:#e8eaed;--rule:#e8eaed;--canvas:#22262d;--soft:#1b1f25;--hair:#ffffff24;--text:#e8eaed;--text2:#a8adb6;--text3:#7d838c;--ok:#5cc98b;--warn:#e0a33a;--block:#ff7f6e}[data-viewer-theme=dark]{--stagebg:#22252b;--stagefg:#c8ccd4;--stagehair:#3a3f47;--stagechrome:#2c3037;--sheet-fill:#fff}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--canvas:#fff;--canvas-soft:#f5f5f5;--text:#1a1a1a;--text-2:#6e6e6e;--text-3:#9a9a9a;--hairline:#e0e0e0;--rule-heavy:#000;--accent-base:#057dbc;--ok:#1f6b3a;--warn-base:#9a6a00;--block:#c0362c;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:24px;--sp-7:32px;--sp-8:48px;--radius:0;--radius-pill:9999px;--touch-min:44px;--bg:var(--canvas-soft);--fg:var(--text);--border:var(--hairline);--border-strong:#c8c8c8;--border-stronger:#8a8a8a;--surface:var(--canvas);--surface-fg:var(--text);--btn-bg:var(--canvas);--btn-border:#c8c8c8;--accent:var(--accent-base);--accent-soft:#057dbc14;--accent-on:#057dbc1f;--accent-line:#057dbcd9;--accent-text:var(--accent-hover);--dashed:var(--text-2);--warn:var(--warn-base);--err:var(--block);--shadow:transparent;--sheet-fill:#fff;font-family:Segoe UI,Malgun Gothic,system-ui,sans-serif;font-size:14px}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#16181d;--fg:#e8eaed;--border:#ffffff24;--border-strong:#fff3;--border-stronger:#ffffff40;--surface:#22262d;--surface-fg:#e8eaed;--btn-bg:#2b3038;--btn-fg:#e8eaed;--btn-border:#fff3;--field-bg:#1b1f25;--field-fg:#e8eaed;--field-border:#fff3;--accent-text:#7fc6f0;--dashed:#6b7280;--warn:#e0a33a;--err:#ff7f6e;--shadow:transparent;--sheet-fill:#fff}*{box-sizing:border-box}body{background:var(--bg);color:var(--fg);margin:0}.app{grid-template-rows:auto 1fr auto;grid-template-columns:224px 250px 1fr;height:100vh;display:grid}.app.menuOnly{grid-template-columns:224px 1fr}@media (width<=1100px){.app,.app.menuOnly{grid-template-columns:224px 1fr}aside.panel.sub{z-index:30;background:var(--bg);border-right:1px solid var(--border-strong);border-left:1px solid var(--ink);width:290px;position:fixed;top:44px;bottom:0;left:224px}}header.top{border-bottom:1px solid var(--border);grid-column:1/-1;align-items:baseline;gap:12px;padding:10px 16px;display:flex}header.top h1{margin:0;font-size:16px}header.top .sub{opacity:.65;font-size:12px}aside.panel{border-right:1px solid var(--border);padding:12px;overflow-y:auto}aside.panel.menu{padding:10px 8px}.fileBar{flex-direction:column;align-items:flex-start;gap:4px;margin-bottom:8px;display:flex}main.stage{flex-direction:column;align-items:center;gap:10px;padding:16px;display:flex;overflow:auto}footer.calc{border-top:1px solid var(--border);flex-wrap:wrap;grid-column:1/-1;align-items:center;gap:18px;padding:8px 16px;font-size:13px;display:flex}.filelist{margin:8px 0 0;padding:0;font-size:12px;list-style:none}.filelist li{justify-content:space-between;gap:8px;padding:3px 0;display:flex}fieldset{border:1px solid var(--border);border-radius:var(--radius);margin:12px 0 0;padding:8px 10px 10px}legend{padding:0 4px;font-size:12px;font-weight:600}label.row{justify-content:space-between;align-items:center;gap:8px;margin:5px 0;font-size:12px;display:flex}label.row>input[type=text],label.row>input[type=number],label.row>select{width:130px;padding:3px 5px;font-size:12px}label.check{align-items:center;gap:6px;margin:5px 0;font-size:12px;display:flex}button{border-radius:var(--radius);border:1px solid var(--btn-border);background:var(--btn-bg);cursor:pointer;padding:6px 12px;font-size:13px}button:disabled{opacity:.45;cursor:not-allowed}.warn{color:var(--warn);margin:6px 0 0;font-size:12px}.err{color:var(--err);font-size:12px}canvas.preview{border:1px solid var(--hairline);background:#fff;max-width:100%}.pager{align-items:center;gap:10px;font-size:13px;display:flex}.hint{opacity:.7;font-size:12px}.home{padding:4px 2px 12px}.homeHead{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px;display:flex}.homeHead h2{margin:4px 0;font-size:15px}.homeActions{flex-wrap:wrap;align-items:center;gap:6px;display:flex}fieldset.groupBox{margin-top:6px}aside.panel.menu fieldset.groupBox{padding:4px 6px 6px}.btnGrid{grid-template-columns:1fr;gap:4px;display:grid}.panelBtn{align-items:stretch;gap:4px;display:flex}.panelBtn>button:first-child{text-align:left;flex-direction:column;flex:1;align-items:flex-start;gap:2px;padding:5px 9px;display:flex}.panelBtn.on>button:first-child{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-text)}.panelBtn.isHidden>button:first-child{opacity:.4;text-decoration:line-through}.btnLabel{font-weight:600}.btnHint{opacity:.65;font-size:11px}button.tiny{padding:2px 6px;font-size:11px}.homeFoot{margin-top:10px}.paletteBack{z-index:50;background:#0006;justify-content:center;align-items:flex-start;padding-top:10vh;display:flex;position:fixed;inset:0}.palette{background:var(--surface);width:min(620px,92vw);color:var(--surface-fg);border-radius:var(--radius);border:1px solid var(--ink);overflow:hidden}.paletteInput{border:0;border-bottom:1px solid var(--border);width:100%;color:inherit;background:0 0;padding:12px 14px;font-size:15px}.paletteInput:focus{outline:none}.paletteList{max-height:46vh;margin:0;padding:6px;list-style:none;overflow-y:auto}.paletteItem{border-radius:var(--radius);cursor:pointer;grid-template-columns:1fr auto;gap:2px 10px;padding:7px 10px;display:grid}.paletteItem.on{background:var(--accent-on)}.pLabel{font-size:13px;font-weight:600}.pGroup{opacity:.6;align-self:center;font-size:11px}.pHint{opacity:.65;grid-column:1/-1;font-size:11px}.paletteEmpty{opacity:.7;padding:14px;font-size:13px}.paletteFoot{border-top:1px solid var(--border);padding:7px 12px}.emptyState{flex-direction:column;gap:14px;width:100%;max-width:760px;display:flex}.bigDrop{border:2px dashed var(--dashed);border-radius:var(--radius);text-align:center;padding:40px 24px}.bigDrop.over{border-color:var(--accent);background:var(--accent-soft)}.bigDropTitle{margin:0 0 10px;font-size:18px;font-weight:600}.bigDropTips{opacity:.75;flex-direction:column;gap:4px;margin:0 0 16px;padding:0;font-size:12.5px;list-style:none;display:flex}.bigDropActions{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.bigDropTry{opacity:.75;margin:10px 0 0;font-size:12.5px}.monitorCard{border:1px solid var(--border);border-radius:var(--radius);padding:12px 14px}.monitorCard h3{margin:0 0 6px;font-size:13px}.monitorCard dl{grid-template-columns:auto 1fr;gap:3px 12px;margin:0;font-size:12px;display:grid}.monitorCard dt{opacity:.6}.monitorCard dd{margin:0}.sheetPreview{flex-direction:column;align-items:center;gap:10px;width:100%;display:flex}.gridDiagram{text-align:center;width:100%;max-width:560px;margin:0}.gridDiagram svg{width:100%;height:auto;max-height:46vh}.sheetRect{fill:var(--sheet-fill,#fff);stroke:var(--border-stronger);stroke-width:1px}.cellRect{fill:var(--accent-soft);stroke:var(--accent-line);stroke-width:1px}.cellNo{fill:var(--accent-text);text-anchor:middle;dominant-baseline:middle;font-size:22px}.markLine{stroke:var(--err)}.gridDiagram{--accent:var(--accent-base);--accent-soft:#057dbc14;--accent-line:#057dbcd9;--accent-text:var(--accent-hover);--err:var(--block);--border-stronger:#8a8a8a}.fontUpload{margin-top:6px}.fontList{opacity:.8;margin:6px 0 0;padding:0;font-size:11.5px;list-style:none}:where(:root[data-theme=dark]) button{color:var(--btn-fg)}:where(:root[data-theme=dark]) input,:where(:root[data-theme=dark]) select,:where(:root[data-theme=dark]) textarea{background:var(--field-bg);color:var(--field-fg);border:1px solid var(--field-border);border-radius:var(--radius)}:where(:root[data-theme=dark]) input[type=range],:where(:root[data-theme=dark]) input[type=checkbox],:where(:root[data-theme=dark]) input[type=file]{background:initial;border:0}:where(:root[data-theme=dark]) option,:where(:root[data-theme=dark]) optgroup{background:var(--field-bg);color:var(--field-fg)}:where(:root[data-theme=dark]) button:hover:not(:disabled){border-color:var(--accent)}.blockCard{border:1px solid var(--border);border-radius:var(--radius);margin:6px 0;padding:6px 8px}.blockPreview{border-top:1px dashed var(--border);margin-top:6px;padding-top:6px}.blockPreview ol{margin:4px 0 0;padding-left:20px;font-size:12px}.elemList{margin:4px 0;padding-left:20px;font-size:12px}.elemList li.row{gap:3px;margin:2px 0}.elemList select{min-width:96px}button.themeToggle{min-width:82px}.panelList{margin:6px 0;padding-left:18px;font-size:12px}.panelList li.row{gap:6px;margin:3px 0}.itemTools{align-items:center;gap:2px;margin-left:4px;display:inline-flex}.docViewer{flex-direction:column;align-items:center;gap:10px;width:100%;display:flex}.viewerBar{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;width:100%;display:flex}.viewerModes{gap:4px;display:flex}.viewerModes button.on{border-color:var(--accent);color:var(--accent-text)}.viewerGrid{justify-content:center;gap:10px;width:100%;display:grid}.viewerBook{flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:0;width:100%;display:flex}.bookSide{flex:0 auto;max-width:48%}@media (width<=560px){.bookSide{max-width:100%}.bookGutter{display:none}}.bookGutter{background:var(--border-strong);align-self:stretch;width:2px}.pageCell{flex-direction:column;align-items:center;gap:3px;margin:0;display:flex}.pageCell.big{width:100%}.pagePaper{border:1px solid var(--hairline);background:#fff;width:100%;display:flex;overflow:hidden}.pagePaper img{object-fit:contain;width:100%;height:100%;display:block}.pageSkeleton{background:repeating-linear-gradient(45deg,#f0f1f3,#f0f1f3 6px,#e7e9ec 6px 12px);width:100%}.pageBlank{aspect-ratio:1/1.414;border:1px dashed var(--dashed);opacity:.35;width:100%}.stageBar{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;width:100%;display:flex}.stageToggle{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;display:flex}.viewerControls{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:flex}.ctlGroup{align-items:center;gap:4px;font-size:12px;display:inline-flex}.ctlLabel{color:var(--muted);white-space:nowrap;min-width:28px}.viewerControls input[type=range]{width:68px}.viewerControls input[type=number]{width:44px}.tag{color:var(--muted);border:1px solid var(--border);border-radius:var(--radius-pill);cursor:help;white-space:nowrap;padding:1px 7px;font-size:11px}.stageToggle button{min-width:88px;min-height:40px;font-size:13px}.stageToggle button.on{border-color:var(--accent);color:var(--accent-text);background:var(--accent-soft)}