:root{--bg:#f4f2ec;--fg:#1f2328;--muted:#5f6872;--line:#d4d0c6;--surface:#fff;--accent:#8a3b2a;--accent-fg:#fff;--warn:#8a5a12;--ok:#2f6f4a;--error:#b42318;--paper:#fff;--paper-ink:#000;--paper-guide:#8fb8c8;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;font-family:system-ui,Hiragino Sans,Yu Gothic UI,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#17191c;--fg:#e6e4df;--muted:#a3acb6;--line:#353a40;--surface:#202328;--accent:#f0a08e;--accent-fg:#17191c;--warn:#e0b057;--ok:#6fcf97;--error:#ff8a7a}}*{box-sizing:border-box}body{background:var(--bg);color:var(--fg);margin:0}main{max-width:1280px;margin:0 auto;padding:20px 16px 40px}h1{letter-spacing:.1em;margin:0 0 4px}h2{margin:0 0 8px;font-size:1rem}header p,footer,.hint{color:var(--muted)}.hint{font-size:.85rem}code{background:var(--surface);border:1px solid var(--line);border-radius:4px;padding:0 4px;font-size:.85em}.workspace{grid-template-columns:minmax(300px,380px) 1fr;align-items:start;gap:24px;margin-top:16px;display:grid}.side{gap:20px;display:grid}textarea{resize:vertical;width:100%;height:260px;font:inherit;color:var(--fg);background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:8px;font-size:.9rem;line-height:1.6}.row{flex-wrap:wrap;align-items:center;gap:8px;margin-top:8px;display:flex}button,.button{font:inherit;border:1px solid var(--line);background:var(--surface);color:var(--fg);cursor:pointer;border-radius:6px;padding:6px 12px;font-size:.9rem}button:disabled{opacity:.5;cursor:default}.button input{display:none}button.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-fg);font-weight:600}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.settings{border:1px solid var(--line);border-radius:8px;grid-template-columns:1fr 1fr;gap:10px 12px;margin:0;padding:12px;display:grid}.settings legend{padding:0 4px;font-weight:600}.settings label{gap:4px;font-size:.85rem;display:grid}.settings label:first-of-type,.settings .hint{grid-column:1/-1;margin:0}.settings select,.settings input{font:inherit;color:var(--fg);background:var(--surface);border:1px solid var(--line);border-radius:6px;min-width:0;padding:4px 6px}.checks ul{margin:0;padding-left:1.2em}.checks li{margin:4px 0;font-size:.9rem}.checks .ok::marker{color:var(--ok)}.checks .warn{color:var(--warn)}.missing{list-style:none;padding:0!important}.missing button{color:var(--fg);padding:2px 8px;font-size:.85rem}.missing .glyph{font-size:1.1rem}.toggle{font-size:.85rem}.error{color:var(--error)}.preview{position:sticky;top:12px}.spread{grid-template-columns:1fr 1fr;gap:2px;max-width:calc(142vh - 170.4px);margin:0 auto;display:grid}.page{background:var(--paper);width:100%;box-shadow:0 1px 4px #00000040}.page.blank{box-shadow:none;background:0 0}.pager{justify-content:center;align-items:center;gap:16px;margin-top:12px;font-size:.9rem;display:flex}.loading{color:var(--muted)}@media (width<=760px){.workspace{grid-template-columns:1fr}.preview{position:static}.spread{max-width:none}.spread.single{grid-template-columns:1fr;max-width:420px}}.settings input[aria-invalid=true]{border-color:var(--warn)}.settings .range{color:var(--warn);font-size:.8rem}.page-unit{align-items:center;gap:8px;margin-top:8px;font-size:.9rem;display:flex}.page-unit select{font:inherit;color:var(--fg);background:var(--surface);border:1px solid var(--line);border-radius:6px;padding:4px 6px}.warn-text{color:var(--warn);font-size:.85rem}