*{box-sizing:border-box} :root{font-family:Inter,"Segoe UI",Arial,sans-serif;color:#223e36;background:#f4f3ed;font-synthesis:none;--green:#183e35;--muted:#74817b;--line:#d8ddd4}body{margin:0}button,a,input,textarea{-webkit-tap-highlight-color:transparent}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:.4}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #c78649;outline-offset:4px}a{color:inherit}button{color:inherit}.masthead{padding:26px 5vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:#fafaf6}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font:30px Georgia,serif;letter-spacing:-1px}.brand span{font:9px "Segoe UI",sans-serif;letter-spacing:2px;margin:4px 0 0 18px;color:#7d8981}.header-note{font-size:12px;display:flex;align-items:center;gap:9px;color:#617369}.dot{width:6px;height:6px;background:#66886a;border-radius:50%}.workspace{max-width:1400px;margin:auto;display:grid;grid-template-columns:minmax(330px,430px) minmax(0,1fr)}.editor{padding:44px 42px 32px;border-right:1px solid var(--line);background:#fafaf6}.eyebrow{font-size:9px;letter-spacing:2px;font-weight:650;color:#7a877e}h1{font:37px/1.12 Georgia,serif;letter-spacing:-1.3px;margin:17px 0 13px}h1 em{font-weight:400;color:#65816b}.intro>p{font-size:12px;color:#778078;line-height:1.7;margin:0 0 30px}.label-row,.section-heading,.setting-line{display:flex;align-items:center;justify-content:space-between}.label-row label,.setting-line,label.check-row,legend{font-size:12px;font-weight:550}.text-button{border:0;padding:7px 0;background:transparent;font-size:10px;color:#7b817a;text-decoration:underline;text-underline-offset:3px}textarea{resize:vertical;min-height:160px;height:213px;max-height:600px;width:100%;margin-top:10px;padding:17px;border:1px solid #cdd5ca;border-radius:5px;background:white;color:#3c4a40;font-size:13px;line-height:1.8;display:block}textarea:focus{border-color:#52785d}.under-text{display:flex;justify-content:space-between;gap:10px;margin-top:8px;font-size:9px;color:#899087}.warning{font-size:12px;color:#8b4a28;background:#fff0df;padding:12px;margin-top:14px;line-height:1.5}.settings{margin-top:28px;border-top:1px solid var(--line);padding-top:21px}.section-heading h2{font-size:12px;font-weight:650;margin:0}fieldset{border:0;padding:0;margin:22px 0}legend{padding:0;margin-bottom:10px}.segmented{display:flex;background:#eeefe8;border-radius:5px;padding:3px;gap:3px}.segmented button{flex:1;border:0;background:transparent;border-radius:3px;padding:9px 4px;font-size:11px;color:#7c867d}.segmented button[aria-pressed=true]{background:#fff;color:#234f3d;box-shadow:0 1px 4px #122a1714}.setting-line output{font-size:10px;font-weight:400;color:#7c897d}input[type=range]{display:block;width:100%;height:22px;accent-color:#496c50;margin:11px 0 22px}input[type=checkbox]{accent-color:var(--green);width:15px;height:15px}.swatches{display:flex;gap:10px}.swatch{width:19px;height:19px;padding:0;background:var(--ink);border-radius:50%;border:3px solid #fafaf6;outline:1px solid transparent}.swatch[aria-pressed=true]{outline-color:var(--ink)}.color-line{margin-top:5px;margin-bottom:23px}.check-row{display:flex;align-items:flex-start;gap:10px;line-height:1.5;cursor:pointer}.check-row small{display:block;font-weight:400;color:#8c938a;font-size:10px;margin-top:2px}.check-row input{margin:2px 0 0}.export-area{margin-top:28px;padding-top:24px;border-top:1px solid var(--line)}.primary{background:var(--green);color:#fff;border:0;width:100%;padding:16px 15px;display:flex;align-items:center;justify-content:space-between;gap:10px;border-radius:4px;font-size:12px;transition:background .2s}.primary:hover:not(:disabled){background:#2d5a49}.export-area>p{font-size:10px;line-height:1.7;color:#859080;text-align:center;margin:11px 5px 0}#export-status{font-size:11px;line-height:1.6;margin-top:10px;color:#496c50}.preview{padding:44px clamp(24px,5vw,76px) 30px;min-width:0}.preview-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:26px}.preview-toolbar h2{font:24px Georgia,serif;letter-spacing:-.6px;margin:9px 0 0}.shuffle{display:flex;align-items:center;gap:7px;border:1px solid #d3d9cd;background:transparent;padding:9px 12px;font-size:10px;border-radius:4px}.shuffle:hover{background:#e9ece2}.paper-stage{background:white;position:relative;max-width:560px;margin:auto;box-shadow:0 5px 12px #2f42220b,0 30px 70px #24361d0b;aspect-ratio:455.04/588.45}canvas{width:100%;height:100%;display:block}canvas[hidden]{display:none}.empty-state{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;text-align:center;font:italic 25px/1.6 Georgia,serif;color:#bbc2b5;pointer-events:none}.empty-state[hidden]{display:none}#loading{position:absolute;inset:0;display:grid;place-items:center;font-size:12px;color:#8a9587}#loading[hidden]{display:none}.page-nav{display:flex;align-items:center;justify-content:center;gap:15px;font-size:10px;color:#7b887b;margin:20px 0 26px;position:relative}.page-nav button{background:transparent;border:0;padding:6px 9px}.page-nav .print-button{position:absolute;right:0;font-size:10px;text-decoration:underline;text-underline-offset:3px}.sample-note{max-width:560px;margin:auto;display:flex;align-items:center;gap:14px;border-top:1px solid #d8ddd0;padding-top:23px}.sample-icon{font:italic 23px Georgia,serif;width:43px;height:43px;border-radius:50%;display:grid;place-items:center;background:#e6eadf;color:#55734e}.sample-note strong{font-size:11px;font-weight:550}.sample-note p{font-size:10px;color:#8c9687;margin:6px 0 0}.sample-check{margin-left:auto;width:20px;height:20px;border:1px solid #b7c9ad;border-radius:50%;text-align:center;line-height:18px;font-size:12px;color:#65805b}.preview-footnote{font-size:10px;color:#929b8b;text-align:center;line-height:1.7;max-width:450px;margin:19px auto 0}footer{max-width:1400px;border-top:1px solid var(--line);padding:22px 42px;display:flex;align-items:center;gap:25px;margin:auto;color:#929a8d;font-size:10px}footer>span{font:18px Georgia,serif;color:#7b8975}footer p{flex:1}footer a{text-underline-offset:3px}#print-pages{display:none}@media(min-width:1400px){.workspace{border-left:1px solid var(--line);border-right:1px solid var(--line)}}@media(max-width:950px){.brand span{display:none}.editor{padding:32px 25px}.preview{padding:32px 22px}.workspace{grid-template-columns:340px minmax(0,1fr)}.preview-toolbar{align-items:flex-start}.shuffle{font-size:0;padding:9px}.preview-toolbar h2{font-size:21px}.page-nav .print-button{position:static;margin-left:auto}.page-nav{gap:7px}}@media(max-width:700px){.masthead{padding:20px}.brand{font-size:26px}.header-note{font-size:10px}.workspace{display:block}.editor{border-right:0;border-bottom:1px solid var(--line);padding:29px 23px}.intro h1{font-size:34px}.intro>p{margin-bottom:20px}textarea{height:190px}.preview{padding:30px 22px}.shuffle{font-size:10px}footer{padding:20px 23px;gap:16px;flex-wrap:wrap}footer p{min-width:180px;line-height:1.7}.primary{padding:17px}.paper-stage{max-width:520px}.page-nav .print-button{margin-left:12px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}@media print{body>*:not(#print-pages){display:none!important}#print-pages{display:block}#print-pages img{display:block;width:100%;height:100%;object-fit:contain;break-after:page}#print-pages img:last-child{break-after:auto}@page{size:455.04pt 588.45pt;margin:0}}