:root{--bg:#f4f5f3;--surface:#fff;--border:#d9ddd6;--text:#1d2420;--text-muted:#5f6b63;--accent:#00693e;--accent-strong:#00522f;--accent-soft:#e3f1ea;--warn-bg:#fff4d6;--warn-text:#6b4a00;--danger:#b3261e;--ink:#12277d;--guide:#0a7cff;--print-font:"Microsoft JhengHei", "PingFang TC", "Noto Sans TC", "Heiti TC", sans-serif;color:var(--text);background:var(--bg);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font:15px/1.5 system-ui,Segoe UI,Microsoft JhengHei,PingFang TC,sans-serif}*{box-sizing:border-box}body,h1,h2,p{margin:0}.topbar{z-index:10;background:var(--surface);border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 24px;padding:12px 24px;display:flex;position:sticky;top:0}.topbar h1{font-size:20px;line-height:1.3}.topbar p{color:var(--text-muted);font-size:13px}.topbar-actions{align-items:center;gap:12px;display:flex}.topbar-status{color:var(--text-muted);font-size:13px}.layout{grid-template-columns:minmax(340px,440px) minmax(0,1fr);align-items:start;gap:24px;max-width:1500px;margin:0 auto;padding:24px;display:grid}.editor{gap:16px;display:grid}.viewer{gap:12px;min-width:0;display:grid;position:sticky;top:88px}@media (width<=900px){.layout{grid-template-columns:minmax(0,1fr);padding:16px}.topbar{padding:12px 16px}.viewer{order:-1;position:static}}.section{background:var(--surface);border:1px solid var(--border);border-radius:10px;gap:12px;padding:16px;display:grid}.section-head{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.section h2{font-size:16px}.section-note,.hint{color:var(--text-muted);font-size:13px}.field-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.field{border:0;align-content:start;gap:4px;min-width:0;margin:0;padding:0;display:grid}.field label,.field legend{padding:0;font-size:13px;font-weight:600}.field-required{background:var(--warn-bg);color:var(--warn-text);border-radius:4px;margin-left:6px;padding:0 5px;font-size:11px;font-weight:600}input[type=text],input[type=number],textarea{border:1px solid var(--border);width:100%;color:var(--text);font:inherit;background:#fff;border-radius:6px;padding:7px 10px}textarea{resize:vertical}input:focus-visible,textarea:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:1px}input[aria-invalid=true]{border-color:#d9a400}input[type=radio],input[type=checkbox]{accent-color:var(--accent)}.field-hint{color:var(--text-muted);font-size:12px}.field-hint.is-warn{color:var(--warn-text)}.field-zip input{font-variant-numeric:tabular-nums;letter-spacing:.15em}.choice-options{flex-wrap:wrap;gap:4px 16px;padding-top:4px;display:flex}.choice-option,.toggle{cursor:pointer;align-items:center;gap:6px;font-size:14px;font-weight:400;display:inline-flex}.offset-input{align-items:center;gap:6px;display:flex}.offset-input span{color:var(--text-muted);font-size:13px}.steps{color:var(--text-muted);gap:4px;margin:0;padding-left:20px;font-size:13px;display:grid}.steps b{color:var(--text)}.btn{border:1px solid var(--border);background:var(--surface);color:var(--text);font:inherit;cursor:pointer;border-radius:6px;padding:7px 14px}.btn:hover:not(:disabled){border-color:var(--accent);color:var(--accent-strong)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{border-color:var(--accent);background:var(--accent);color:#fff;padding:8px 28px;font-weight:600}.btn-primary:hover:not(:disabled){background:var(--accent-strong);color:#fff}.btn-small{padding:4px 10px;font-size:13px}.btn-quiet{color:var(--text-muted);background:0 0;border-color:#0000}.btn-quiet:hover:not(:disabled){color:var(--danger);border-color:#0000}.tabs{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.tab{border:1px solid var(--border);background:var(--surface);color:var(--text-muted);font:inherit;cursor:pointer;border-radius:8px;gap:1px;padding:6px 4px;display:grid}.tab-title{font-weight:600}.tab-sub{font-size:11px}.tab.is-on .tab-title{color:var(--text)}.tab.is-active{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-strong)}.tab.is-active .tab-title{color:var(--accent-strong)}.label-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.label-actions .toggle{margin-right:auto;font-weight:600}.book{border-top:1px solid var(--border);padding-top:12px}.book summary{cursor:pointer;font-weight:600}.book-count{color:var(--text-muted);margin-left:6px;font-weight:400}.book>.btn,.book>.hint{margin-top:10px}.book-list{gap:6px;margin:10px 0 0;padding:0;list-style:none;display:grid}.book-list li{border:1px solid var(--border);border-radius:6px;align-items:center;gap:6px;padding:6px 8px;display:flex}.book-info{flex:1;min-width:0;display:grid}.book-info span{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.viewer-bar{flex-wrap:wrap;align-items:center;gap:8px 16px;display:flex}.viewer-note{color:var(--text-muted);font-size:13px}.segmented{border:1px solid var(--border);background:var(--surface);border-radius:8px;display:inline-flex;overflow:hidden}.segmented button{color:var(--text-muted);font:inherit;cursor:pointer;background:0 0;border:0;padding:6px 14px}.segmented button.is-active{background:var(--accent);color:#fff;font-weight:600}.warning{background:var(--warn-bg);color:var(--warn-text);border-radius:6px;padding:8px 12px;font-size:14px}.preview{width:100%}.preview-label{max-width:980px}.preview-page{max-width:600px}.preview-frame{border:1px solid var(--border);background:#fff;border-radius:4px;position:relative;overflow:hidden;box-shadow:0 2px 10px #00000014}.preview-scaled{transform-origin:0 0;position:absolute;top:0;left:0;overflow:hidden}.preview-upright{transform-origin:0 0;position:absolute;top:0;left:0}.preview-hit{cursor:pointer;background:0 0;border:.6mm solid #0000;padding:0;position:absolute}.preview-hit:hover{background:#00693e0d}.preview-hit.is-active{border-color:var(--accent)}.preview-hit-tag{background:var(--text-muted);color:#fff;border-radius:50%;place-items:center;width:7mm;height:7mm;font-size:4mm;font-weight:600;line-height:1;display:grid;position:absolute;bottom:2mm;left:2mm}.preview-hit.is-active .preview-hit-tag{background:var(--accent)}.sheet{background:#fff;width:210mm;height:297mm;position:relative;overflow:hidden}.sheet-bg{-webkit-user-select:none;user-select:none;width:209.89mm;height:296.84mm;position:absolute;top:0;left:0}.sheet-layer{position:absolute;inset:0}.sheet-label{transform-origin:0 0;position:absolute;transform:rotate(90deg)}.ov-text,.ov-zip{color:var(--ink);font-family:var(--print-font);white-space:nowrap;line-height:1;position:absolute}.ov-text{transform:translateY(-100%)}.ov-zip{justify-content:center;align-items:center;display:flex}.ov-check{fill:none;stroke:var(--ink);stroke-linecap:round;stroke-linejoin:round;stroke-width:1.4px;position:absolute;overflow:visible}.ov-guide{border:.2mm solid var(--guide);position:absolute}.ov-guide-line{border-width:.2mm 0 0}.print-root{display:none}@page{size:A4 portrait;margin:0}@media print{:root{--ink:#000;--guide:#000;background:#fff}html,body{width:210mm;margin:0;padding:0}.app{display:none!important}.print-root{display:block}.print-root .sheet{break-inside:avoid;break-after:avoid;height:296mm}}