:root{color-scheme:light dark;font-family:Segoe UI,Malgun Gothic,system-ui,sans-serif;font-size:14px;--bg: #f4f5f7;--fg: #14161a;--border: #0002;--border-strong: #0003;--border-stronger: #0004;--surface: #fff;--surface-fg: #14161a;--btn-bg: #fff;--btn-border: #0003;--primary-bg: #2f6fed;--primary-fg: #fff;--accent: #2f6fed;--accent-soft: #2f6fed14;--accent-on: #2f6fed1f;--accent-line: #2f6fed88;--accent-text: #2f6fedcc;--dashed: #8a8f98;--warn: #a35b00;--err: #c0392b;--shadow: #0003;--sheet-fill: #fff}:root[data-theme=light]{color-scheme:light}:root[data-theme=dark]{color-scheme:dark}:root[data-theme=dark]{--bg: #16181d;--fg: #e8eaed;--border: #ffffff24;--border-strong: #ffffff33;--border-stronger: #ffffff40;--surface: #22262d;--surface-fg: #e8eaed;--btn-bg: #2b3038;--btn-fg: #e8eaed;--btn-border: #ffffff33;--primary-bg: #1e5fd8;--primary-fg: #fff;--field-bg: #1b1f25;--field-fg: #e8eaed;--field-border: #ffffff33;--accent: #6ea1ff;--accent-soft: #6ea1ff1f;--accent-on: #6ea1ff2e;--accent-line: #6ea1ff99;--accent-text: #9dbcffdd;--dashed: #6b7280;--warn: #e0a33a;--err: #ff7f6e;--shadow: #0008;--sheet-fill: #fff}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg)}.app{display:grid;grid-template-columns:340px 1fr;grid-template-rows:auto 1fr auto;height:100vh}header.top{grid-column:1 / -1;padding:10px 16px;border-bottom:1px solid var(--border);display:flex;align-items:baseline;gap:12px}header.top h1{font-size:16px;margin:0}header.top .sub{font-size:12px;opacity:.65}aside.panel{overflow-y:auto;padding:12px;border-right:1px solid var(--border)}main.stage{overflow:auto;padding:16px;display:flex;flex-direction:column;align-items:center;gap:10px}footer.calc{grid-column:1 / -1;border-top:1px solid var(--border);padding:8px 16px;font-size:13px;display:flex;gap:18px;flex-wrap:wrap;align-items:center}.drop{border:2px dashed var(--dashed);border-radius:8px;padding:18px 12px;text-align:center;cursor:pointer;font-size:13px}.drop.over{border-color:var(--accent);background:var(--accent-soft)}.filelist{margin:8px 0 0;padding:0;list-style:none;font-size:12px}.filelist li{display:flex;justify-content:space-between;gap:8px;padding:3px 0}fieldset{border:1px solid var(--border);border-radius:6px;margin:12px 0 0;padding:8px 10px 10px}legend{font-weight:600;font-size:12px;padding:0 4px}label.row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:5px 0;font-size:12px}label.row>input[type=text],label.row>input[type=number],label.row>select{width:130px;padding:3px 5px;font-size:12px}label.check{display:flex;align-items:center;gap:6px;margin:5px 0;font-size:12px}button{font-size:13px;padding:6px 12px;border-radius:6px;border:1px solid var(--btn-border);background:var(--btn-bg);cursor:pointer}button.primary{background:var(--primary-bg);color:var(--primary-fg);border-color:var(--primary-bg)}button:disabled{opacity:.45;cursor:not-allowed}.warn{color:var(--warn);font-size:12px;margin:6px 0 0}.err{color:var(--err);font-size:12px}canvas.preview{background:#fff;box-shadow:0 1px 6px var(--shadow);max-width:100%}.pager{display:flex;align-items:center;gap:10px;font-size:13px}.hint{font-size:12px;opacity:.7}.home{padding:4px 2px 12px}.homeHead{display:flex;align-items:baseline;justify-content:space-between;gap:8px;flex-wrap:wrap}.homeHead h2{font-size:15px;margin:4px 0}.homeActions{display:flex;align-items:center;gap:6px;flex-wrap:wrap}fieldset.groupBox{margin-top:10px}.btnGrid{display:grid;grid-template-columns:1fr;gap:6px}.panelBtn{display:flex;align-items:stretch;gap:4px}.panelBtn>button:first-child{flex:1;display:flex;flex-direction:column;align-items:flex-start;gap:2px;text-align:left;padding:7px 10px}.panelBtn.isHidden>button:first-child{opacity:.4;text-decoration:line-through}.btnLabel{font-weight:600}.btnHint{font-size:11px;opacity:.65}button.tiny{font-size:11px;padding:2px 6px}.homeFoot{margin-top:10px}.paletteBack{position:fixed;inset:0;background:#0006;display:flex;justify-content:center;align-items:flex-start;padding-top:10vh;z-index:50}.palette{width:min(620px,92vw);background:var(--surface);color:var(--surface-fg);border-radius:10px;box-shadow:0 10px 40px #0005;overflow:hidden}.paletteInput{width:100%;border:0;border-bottom:1px solid var(--border);padding:12px 14px;font-size:15px;background:transparent;color:inherit}.paletteInput:focus{outline:none}.paletteList{list-style:none;margin:0;padding:6px;max-height:46vh;overflow-y:auto}.paletteItem{display:grid;grid-template-columns:1fr auto;gap:2px 10px;padding:7px 10px;border-radius:6px;cursor:pointer}.paletteItem.on{background:var(--accent-on)}.pLabel{font-weight:600;font-size:13px}.pGroup{font-size:11px;opacity:.6;align-self:center}.pHint{grid-column:1 / -1;font-size:11px;opacity:.65}.paletteEmpty{padding:14px;font-size:13px;opacity:.7}.paletteFoot{border-top:1px solid var(--border);padding:7px 12px}.emptyState{width:100%;max-width:760px;display:flex;flex-direction:column;gap:14px}.bigDrop{border:2px dashed var(--dashed);border-radius:14px;padding:40px 24px;text-align:center}.bigDrop.over{border-color:var(--accent);background:var(--accent-soft)}.bigDropTitle{font-size:18px;font-weight:600;margin:0 0 10px}.bigDropTips{list-style:none;padding:0;margin:0 0 16px;font-size:12.5px;opacity:.75;display:flex;flex-direction:column;gap:4px}.bigDropActions{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.bigDropTry{margin:10px 0 0;font-size:12.5px;opacity:.75}.monitorCard{border:1px solid var(--border);border-radius:10px;padding:12px 14px}.monitorCard h3{margin:0 0 6px;font-size:13px}.monitorCard dl{margin:0;display:grid;grid-template-columns:auto 1fr;gap:3px 12px;font-size:12px}.monitorCard dt{opacity:.6}.monitorCard dd{margin:0}.sheetPreview{width:100%;display:flex;flex-direction:column;align-items:center;gap:10px}.gridDiagram{margin:0;width:100%;max-width:560px;text-align:center}.gridDiagram svg{width:100%;height:auto;max-height:46vh}.sheetRect{fill:var(--sheet-fill, #fff);stroke:var(--border-stronger);stroke-width:1}.cellRect{fill:var(--accent-soft);stroke:var(--accent-line);stroke-width:1}.cellNo{font-size:22px;fill:var(--accent-text);text-anchor:middle;dominant-baseline:middle}.markLine{stroke:var(--err)}.gridDiagram{--accent-soft: #2f6fed14;--accent-line: #2f6fed88;--accent-text: #2f6fedcc;--err: #c0392b;--border-stronger: #0004}.fontUpload{margin-top:6px}.fontList{list-style:none;padding:0;margin:6px 0 0;font-size:11.5px;opacity:.8}: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:4px}: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:6px;padding:6px 8px;margin:6px 0}.blockPreview{margin-top:6px;border-top:1px dashed var(--border);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{display:inline-flex;gap:2px;margin-left:4px;align-items:center}.docViewer{width:100%;display:flex;flex-direction:column;align-items:center;gap:10px}.viewerBar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:center;width:100%}.viewerModes{display:flex;gap:4px}.viewerModes button.on{border-color:var(--accent);color:var(--accent-text)}.viewerGrid{display:grid;gap:10px;width:100%;justify-content:center}.viewerBook{display:flex;align-items:flex-start;justify-content:center;gap:0;width:100%;flex-wrap:wrap}.bookSide{flex:0 1 auto;max-width:48%}@media(max-width:560px){.bookSide{max-width:100%}.bookGutter{display:none}}.bookGutter{width:2px;align-self:stretch;background:var(--border-strong)}.pageCell{margin:0;display:flex;flex-direction:column;align-items:center;gap:3px}.pageCell.big{width:100%}.pagePaper{width:100%;background:#fff;box-shadow:0 1px 4px var(--shadow);overflow:hidden;display:flex}.pagePaper img{width:100%;height:100%;object-fit:contain;display:block}.pageSkeleton{width:100%;background:repeating-linear-gradient(45deg,#f0f1f3,#f0f1f3 6px,#e7e9ec 6px 12px)}.pageBlank{width:100%;aspect-ratio:1 / 1.414;border:1px dashed var(--dashed);opacity:.35}.stageToggle{display:flex;align-items:center;gap:6px;flex-wrap:wrap;justify-content:center;width:100%}.stageToggle button{min-height:40px;min-width:104px;font-size:13px}.stageToggle button.on{border-color:var(--accent);color:var(--accent-text);background:var(--accent-soft)}