:root{--bg:#f4f1ea;--panel:#fff;--ink:#16151a;--muted:#5d5a55;--line:#d9d3c7;--accent:#b8452f;--accent-ink:#fff;--focus:#2f6fdd;--radius:6px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:Lexend,system-ui,sans-serif;font-size:15px;line-height:1.45}:root:not([data-theme=light]){--bg:#121115;--panel:#1d1b22;--ink:#f1ede4;--muted:#aba497;--line:#34313b;--accent:#e0724f;--accent-ink:#121115;--focus:#7aa7ff;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);margin:0}a{color:inherit}code{overflow-wrap:anywhere;font-size:.9em}button,input,select{font:inherit;color:inherit}button{cursor:pointer;border:1px solid var(--line);background:var(--panel);border-radius:var(--radius);padding:.35rem .8rem}button.primary{background:var(--ink);color:var(--bg);border-color:var(--ink);padding:.45rem 1.2rem;font-weight:700}button:disabled{opacity:.55;cursor:progress}button.link{color:var(--muted);background:0 0;border:0;padding:0;text-decoration:underline}:focus-visible{outline:2px solid var(--focus);outline-offset:2px}input[type=text],input[type=url],input[type=number],select{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);min-width:0;padding:.3rem .45rem}input[type=number]{width:6rem}.app{flex-direction:column;min-height:100vh;display:flex}.top{border-bottom:3px solid var(--ink);flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1rem;padding:1.1rem 1.25rem .8rem;display:flex}.brand h1{text-transform:uppercase;letter-spacing:.01em;margin:0;font-family:Ultra,Georgia,serif;font-size:clamp(1.4rem,3.5vw,2.1rem);font-weight:400}.tagline{color:var(--muted);margin:.2rem 0 0}.tabs{gap:.35rem;display:flex}.tabs button{text-transform:uppercase;border:2px solid var(--ink);background:0 0;border-radius:0;padding:.4rem 1rem;font-family:Ultra,Georgia,serif}.tabs button.active{background:var(--ink);color:var(--bg)}.local-banner{background:var(--accent);color:var(--accent-ink);padding:.45rem 1.25rem;font-size:.9rem}.error{color:#b3261e;font-weight:700}.app>.error{padding:.5rem 1.25rem}.layout{flex:1;grid-template-columns:minmax(280px,340px) minmax(0,1fr);align-items:start;gap:1rem;padding:1rem 1.25rem;display:grid}.sidebar{flex-direction:column;gap:.8rem;display:flex}.panel{background:var(--panel);border:2px solid var(--ink);flex-direction:column;gap:.45rem;padding:0 .9rem .8rem;display:flex}.panel h2{text-transform:uppercase;letter-spacing:.02em;background:var(--ink);color:var(--panel);align-self:flex-start;margin:0 0 .3rem -.9rem;padding:.35rem .7rem;font-family:Ultra,Georgia,serif;font-size:.85rem;font-weight:400}.panel details>summary{cursor:pointer;list-style:none}.panel details>summary h2{display:inline-block}.seg{flex-wrap:wrap;gap:.2rem .9rem;display:flex}.check{align-items:center;gap:.4rem;display:flex}.field{color:var(--muted);flex-direction:column;gap:.15rem;font-size:.9rem;display:flex}.field>input,.field>select{color:var(--ink)}.row{flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}.row input[type=number]{width:5rem}.hint{color:var(--muted);margin:.1rem 0;font-size:.85rem}.badge{text-transform:uppercase;background:var(--accent);color:var(--accent-ink);border-radius:3px;padding:0 .3rem;font-size:.7rem}.classes fieldset{border:1px solid var(--line);grid-template-columns:repeat(auto-fill,minmax(130px,1fr));margin:.4rem 0 0;padding:.3rem .6rem;display:grid}.classes legend{color:var(--muted);font-size:.8rem}.classes .check{flex-wrap:wrap}.classes summary{cursor:pointer;font-weight:700}.packs{margin:0;padding:0;font-size:.9rem;list-style:none}.packs a{overflow-wrap:anywhere}.packs .ok{color:#2e7d32;font-weight:700}.drop{border:2px dashed var(--line);border-radius:var(--radius);text-align:center;cursor:pointer;padding:.9rem;font-size:.9rem}.drop.over{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 10%, transparent)}.warnings{color:var(--muted);margin:0;padding-left:1.2rem;font-size:.85rem}.main{flex-direction:column;gap:.8rem;min-width:0;display:flex}.export{background:var(--panel);border:2px solid var(--ink);flex-wrap:wrap;align-items:flex-end;gap:.8rem;padding:.6rem .9rem;display:flex}.export label{color:var(--muted);flex-direction:column;font-size:.85rem;display:flex}.preview .status{color:var(--muted);min-height:1.3em;font-size:.85rem}.preview.busy .pages{opacity:.6;transition:opacity .2s}.pages{flex-direction:column;align-items:center;gap:1rem;display:flex}.pages img{cursor:zoom-in;background:repeating-conic-gradient(#e6e1d8 0 25%, #fff 0 50%) 0 0 / 16px 16px;width:100%;height:auto;display:block;box-shadow:0 1px 8px #00000040}.pages.multi img{max-width:820px}.preview.zoomed .pages{align-items:flex-start;overflow:auto}.preview.zoomed .pages img{cursor:zoom-out;width:auto;max-width:none}.foot{border-top:1px solid var(--line);color:var(--muted);padding:.8rem 1.25rem 1.2rem;font-size:.8rem}.foot p{max-width:80rem;margin:.25rem 0}@media (width<=820px){.layout{grid-template-columns:1fr;padding:.8rem 16px}.top{padding:.9rem 16px .7rem}}.brand-title,.header-controls,.field-label,.color-pickers{flex-wrap:wrap;align-items:center;gap:.7rem;display:flex}.button{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);padding:.4rem .7rem;font-size:.85rem;text-decoration:none;display:inline-block}.theme-toggle{align-items:center;gap:.4rem;display:flex}.theme-toggle svg,.help-tip svg,.preview-expand svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:1.25rem;height:1.25rem}.sidebar,.panel,.brand{min-width:0}.hint,.warnings,.packs,.drop,.error{overflow-wrap:anywhere;min-width:0}.panel input,.panel select{max-width:100%}.panel details>.source-summary h2{align-items:center;gap:.4rem;display:inline-flex}.source-summary::-webkit-details-marker{display:none}.disclosure{fill:none;stroke:currentColor;stroke-width:2px;width:1rem;height:1rem;transition:transform .15s}details[open]>.source-summary .disclosure{transform:rotate(90deg)}.help-tip{color:var(--muted);background:0 0;border:0;justify-content:center;align-items:center;padding:.1rem;display:inline-flex}.tooltip{z-index:200;border:1px solid var(--line);border-radius:var(--radius);background:var(--ink);width:max-content;max-width:min(19rem,100vw - 32px);color:var(--bg);overflow-wrap:anywhere;padding:.6rem .75rem;font-size:.85rem;line-height:1.5;position:fixed;box-shadow:0 3px 12px #0004}input[type=color]{border:1px solid var(--line);background:var(--panel);cursor:pointer;width:5rem;height:2rem;padding:.15rem}.preview{min-width:0;position:relative}.preview-toolbar{justify-content:space-between;align-items:center;gap:.5rem;min-height:2.4rem;display:flex}.preview-expand{opacity:0;padding:.4rem;transition:opacity .15s;display:flex}.preview:hover .preview-expand,.preview:focus-within .preview-expand,.preview.expanded .preview-expand{opacity:1}.preview.expanded{z-index:100;background:var(--bg);flex-direction:column;gap:.5rem;padding:.7rem 1rem 1rem;display:flex;position:fixed;inset:0}.preview.expanded .pages{flex:1;min-height:0;overflow:auto}.preview.expanded>.warnings,.preview.expanded>.error{flex-shrink:0;max-height:15dvh;overflow:auto}.preview.expanded .preview-toolbar{flex-shrink:0}.preview.expanded:not(.zoomed) .pages:not(.multi) img{object-fit:contain;width:100%;height:100%;box-shadow:none;background:0 0}.preview.expanded:not(.zoomed) .pages.multi img{object-fit:contain;flex-shrink:0;width:auto;max-width:100%;max-height:calc(100dvh - 5rem)}.preview.expanded.zoomed .pages img{flex-shrink:0}@media (hover:none){.preview-expand{opacity:1}}.text-size-controls{flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}.text-size-controls label{margin-right:auto}.text-size-controls label span{color:var(--muted);font-size:.85em}button.small{padding:.25rem .45rem;font-size:.78rem}