:root{color-scheme:light;--ink:#203e32;--paper:#fffdf6;--sage:#e8ece2;--line:#879985}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.6 system-ui,sans-serif}main{padding:24px;max-width:740px;margin:auto}h1{font:38px/1.1 Georgia,serif;margin:8px 0 20px}.eyebrow{font-size:10px;letter-spacing:.16em}label{display:block;font-size:13px;font-weight:600;margin:18px 0 6px}input,select{width:100%;min-height:46px;border:1px solid var(--line);background:var(--paper);color:var(--ink);border-radius:3px;padding:10px;font:16px system-ui}.row{display:grid;grid-template-columns:1fr 1fr;gap:16px}summary{cursor:pointer;margin:20px 0 8px;min-height:32px}.result{background:var(--sage);padding:20px;margin-top:20px}output{font:48px/1.3 Georgia,serif}.button{display:block;padding:14px;background:var(--ink);color:var(--paper);text-align:center;margin-top:16px;text-decoration:none}.fine,#credit,#notice{font-size:12px}a{color:inherit;text-underline-offset:4px}:focus-visible{outline:3px solid #be9a51;outline-offset:3px}[hidden]{display:none!important}html[data-theme="dark"]{color-scheme:dark;--ink:#f6f3e6;--paper:#203e32;--sage:#304d40;--line:#bac7b0}@media(max-width:360px){main{padding:16px}.row{gap:10px}h1{font-size:32px}}
:root{--muted:#52635a}main{overflow-wrap:anywhere}header p{max-width:60ch}.brand{font:18px Georgia,serif;margin:0}h2{font:24px/1.25 Georgia,serif;margin:24px 0 12px}h3{font-size:15px}input,select,textarea{max-width:100%;min-width:0}textarea{width:100%;min-height:140px;resize:vertical;padding:12px;font:13px/1.6 monospace;background:var(--paper);color:var(--ink)}.result h2{margin-top:0;font:14px/1.5 system-ui,sans-serif}.result p:empty{display:none}#pack-list article{border-top:1px solid var(--line);padding-top:4px}#pack-list li{margin:12px 0}.actions{display:flex;flex-wrap:wrap;gap:16px;align-items:center;margin:24px 0 8px}button{min-height:46px;border:1px solid var(--ink);border-radius:3px;background:var(--ink);color:var(--paper);padding:12px 18px;font:600 14px system-ui;cursor:pointer}button:disabled{opacity:.5;cursor:default}summary{min-height:44px}#error{color:#9b2923}html[data-theme="dark"] #error{color:#ffb4aa}.setup{max-width:1000px}.setup-grid{display:grid;grid-template-columns:minmax(240px,1fr) minmax(300px,1.4fr);gap:32px}.setup iframe{width:100%;height:1100px;border:1px solid var(--line);background:var(--paper)}.setup h1{max-width:20ch}.setup .instructions{max-width:72ch}.setup code{overflow-wrap:anywhere}.setup input[type="checkbox"]{width:20px;min-height:20px;vertical-align:middle}.setup label:has(input[type="checkbox"]){display:flex;align-items:center;gap:10px}@media(max-width:680px){.setup-grid{grid-template-columns:1fr}.setup h1{font-size:34px}}@media(max-width:380px){.row{grid-template-columns:1fr}.actions{display:grid}.actions button{width:100%}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
