:root{--bg:#f5f0e8;--panel:#faf6ef;--bar:#d4b896;--bar-border:#b8966a;--preview-bg:#e8e0d0;--ink:#2c1a0e;--label:#3a2010;--muted:#6b5a4a;--accent:#8b4513;--accent-hover:#6f370f;--control-border:#c9b394;--topbar-h:62px;--title-font:"BiauKai", "Kaiti TC", "STKaiti", "DFKai-SB", "KaiTi", serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body{margin:0}body{background:var(--bg);color:var(--ink);flex-direction:column;min-height:100vh;font-family:system-ui,-apple-system,PingFang TC,Microsoft JhengHei,Noto Sans TC,sans-serif;font-size:15px;display:flex}button,input,select,textarea{font:inherit;color:inherit}.topbar{z-index:10;height:var(--topbar-h);background:var(--bar);border-bottom:2px solid var(--bar-border);align-items:baseline;gap:12px;padding:12px 20px;display:flex;position:sticky;top:0}.title{font-family:var(--title-font), "BiauKai", "Kaiti TC", "STKaiti", "DFKai-SB", serif;white-space:nowrap;margin:0;font-size:28px;font-style:italic;font-weight:400;line-height:1.2}.subtitle{color:var(--label);letter-spacing:.1em;font-size:13px}#export{align-self:center;margin-left:auto}.btn-primary{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:6px;padding:8px 24px;font-size:15px}.btn-primary:hover:not(:disabled){background:var(--accent-hover)}.btn-primary:disabled{opacity:.55;cursor:default}.layout{flex:1;grid-template-columns:minmax(300px,360px) 1fr;min-height:0;display:grid}.settings{background:var(--panel);border-right:1px solid var(--control-border);top:var(--topbar-h);height:calc(100vh - var(--topbar-h));flex-direction:column;align-self:start;gap:18px;padding:16px 18px 24px;display:flex;position:sticky;overflow-y:auto}.settings section,.settings fieldset{flex-direction:column;gap:8px;display:flex}.settings fieldset{border:none;min-width:0;margin:0;padding:0}.settings section+section,.settings section+fieldset,.settings fieldset+section{border-top:1px solid #e6dccb;padding-top:16px}.section-label{color:var(--label);padding:0;font-size:14px;font-weight:600}.section-label output{color:var(--muted);margin-left:6px;font-weight:400}.hint{color:var(--muted);margin:0;font-size:12px;line-height:1.5}.row{align-items:center;gap:6px;display:flex}.row select{flex:1;min-width:0}select,input[type=number],textarea,.row button,.stepper button,dialog input{border:1px solid var(--control-border);background:#fff;border-radius:6px}select,input[type=number],dialog input{height:36px;padding:6px 8px}.row button,.stepper button{cursor:pointer;white-space:nowrap;min-width:36px;height:36px;padding:0 10px}.row button:hover:not(:disabled),.stepper button:hover{background:#f3ebde}.row button:disabled{opacity:.45;cursor:default}.stepper{gap:6px;display:flex}.stepper input{text-align:center;width:80px}input[type=range]{width:100%;accent-color:var(--accent)}textarea{resize:vertical;width:100%;padding:8px 10px;line-height:1.7}:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.segmented{flex-direction:column;gap:6px;display:flex}.segmented label{cursor:pointer;align-items:center;gap:8px;display:flex}.segmented input{accent-color:var(--accent);margin:0}.info{color:var(--muted);white-space:pre-line;margin:0;font-size:12px;line-height:1.6}.preview{background:var(--preview-bg);min-width:0;position:relative}.status{top:calc(var(--topbar-h) + 12px);z-index:5;color:#fff;background:#2c1a0ed1;border-radius:999px;width:fit-content;margin:12px auto 0;padding:6px 14px;font-size:13px;position:sticky}#pages{flex-direction:column;align-items:center;gap:24px;padding:20px 24px 40px;display:flex}.page{flex-direction:column;gap:6px;margin:0;display:flex}.page figcaption{color:var(--muted);font-size:12px}.page canvas{background:#fff;display:block;box-shadow:0 1px 3px #0000002e,0 6px 18px #00000014}.footer{color:var(--muted);background:var(--bar);border-top:2px solid var(--bar-border);text-align:center;padding:10px 20px;font-size:12px}.footer a{color:var(--accent)}dialog{border:1px solid var(--bar-border);background:var(--panel);border-radius:10px;width:min(360px,100vw - 32px);padding:20px}dialog::backdrop{background:#0000004d}dialog form{flex-direction:column;gap:10px;display:flex}dialog label{color:var(--label);font-weight:600}.dialog-actions{justify-content:flex-end;gap:8px;margin-top:6px;display:flex}.dialog-actions button:not(.btn-primary){border:1px solid var(--control-border);cursor:pointer;background:0 0;border-radius:6px;padding:8px 16px}@media (width<=820px){.layout{grid-template-columns:1fr}.settings{border-right:none;border-bottom:1px solid var(--control-border);height:auto;padding:16px;position:static;overflow:visible}:root{--topbar-h:56px}.topbar{gap:8px;padding:10px 16px}.title{font-size:22px}.subtitle{display:none}#pages{padding:16px}}