:root{--ink:#16130f;--paper:#f6f1e7;--card:#fffdf8;--line:#ddd3c2;--mute:#6f675b;--accent:#e2462c;--accent2:#1f6f5c;--r:14px;color:var(--ink);background:var(--paper);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 1px 1px,#d9cfbd 1px,transparent 0) 0 0/22px 22px,var(--paper);min-height:100vh;margin:0}a{color:inherit}h1,h2,h3{letter-spacing:-.02em;margin:0;font-family:Fraunces,Iowan Old Style,Georgia,serif}.top{border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--paper) 85%,transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:5;align-items:center;gap:24px;padding:16px 28px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:10px;font-size:19px;font-weight:800;text-decoration:none;display:flex}.brand svg{width:28px;height:28px}.top nav{gap:18px;margin-left:auto;font-size:14px;display:flex}.top nav a{color:var(--mute);text-decoration:none}.top nav a:hover{color:var(--ink)}.btn{appearance:none;border:1.5px solid var(--ink);background:var(--ink);color:#fff;cursor:pointer;border-radius:999px;align-items:center;gap:8px;padding:9px 16px;font:600 14px/1 inherit;text-decoration:none;display:inline-flex}.btn.ghost{color:var(--ink);background:0 0}.btn.accent{background:var(--accent);border-color:var(--accent)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn small{opacity:.75;font-weight:500}.hero{flex-wrap:wrap;align-items:end;gap:30px;padding:34px 28px 10px;display:flex}.hero h1{max-width:760px;font-size:clamp(30px,4vw,50px);line-height:1.02}.hero h1 em{color:var(--accent);font-style:italic}.hero p{color:var(--mute);max-width:420px;margin:0;line-height:1.5}.app{grid-template-columns:250px 1fr 300px;gap:16px;padding:18px 28px 40px;display:grid}@media (max-width:1050px){.app{grid-template-columns:1fr}}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:16px;box-shadow:0 1px #00000008,0 12px 30px -18px #0002}.card h3{text-transform:uppercase;letter-spacing:.12em;color:var(--mute);margin:0 0 12px;font:700 12px/1 inherit}.drop{border:2px dashed var(--line);text-align:center;cursor:pointer;color:var(--mute);border-radius:12px;padding:18px;font-size:14px;transition:all .15s;display:block}.drop.over,.drop:hover{border-color:var(--accent);color:var(--ink);background:#e2462c0d}.drop b{color:var(--ink);margin-bottom:4px;font-size:15px;display:block}.files{flex-direction:column;gap:6px;max-height:320px;margin:12px 0 0;padding:0;list-style:none;display:flex;overflow:auto}.files li{cursor:pointer;border-radius:9px;align-items:center;gap:8px;padding:6px;font-size:13px;display:flex}.files li.on{outline:1px solid var(--line);background:#16130f0d}.files img{object-fit:contain;border:1px solid var(--line);background:#fff;border-radius:6px;width:34px;height:34px}.files span{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.files .st{color:var(--mute);font-size:11px}.files .x{cursor:pointer;color:var(--mute);background:0 0;border:0}.presets{flex-direction:column;gap:6px;display:flex}.preset{all:unset;cursor:pointer;border:1px solid #0000;border-radius:10px;padding:9px 10px}.preset b{font-size:14px;display:block}.preset small{color:var(--mute);font-size:12px}.preset.on{border-color:var(--ink);background:#fff}.stage{flex-direction:column;gap:12px;min-width:0;display:flex}.view{aspect-ratio:4/3;border-radius:var(--r);border:1px solid var(--line);background-color:#fff;background-image:linear-gradient(45deg,#f3eee4 25%,#0000 25% 75%,#f3eee4 75%),linear-gradient(45deg,#f3eee4 25%,#0000 25% 75%,#f3eee4 75%);background-position:0 0,10px 10px;background-repeat:repeat;background-size:20px 20px;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;place-items:center;display:grid;position:relative;overflow:hidden}.view svg,.view img{width:auto;max-width:92%;height:auto;max-height:92%}.view .empty{color:var(--mute);text-align:center;font-size:15px}.view .busy{background:var(--ink);color:#fff;opacity:0;border-radius:99px;padding:5px 10px;font-size:12px;transition:all .2s;position:absolute;top:12px;right:12px}.view .busy.on{opacity:1}.seg{border:1px solid var(--line);background:#fff;border-radius:999px;padding:3px;display:inline-flex}.seg button{all:unset;cursor:pointer;border-radius:999px;padding:6px 12px;font-size:13px}.seg button.on{background:var(--ink);color:#fff}.bar{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.meta{color:var(--mute);font-variant-numeric:tabular-nums;margin-left:auto;font-size:12px}.exports{flex-wrap:wrap;gap:8px;display:flex}.ctl{margin-bottom:14px}.ctl label{justify-content:space-between;margin-bottom:6px;font-size:13px;font-weight:600;display:flex}.ctl label output{color:var(--mute);font-variant-numeric:tabular-nums;font-weight:500}.ctl input[type=range]{width:100%;accent-color:var(--accent)}.ctl p{color:var(--mute);margin:4px 0 0;font-size:12px;line-height:1.4}.tog{align-items:center;gap:8px;font-size:13px;font-weight:600;display:flex}.tog input{accent-color:var(--accent);width:16px;height:16px}.pro{background:var(--accent2);color:#fff;vertical-align:middle;letter-spacing:.05em;border-radius:4px;margin-left:6px;padding:2px 5px;font-size:10px;font-weight:800}dialog{border:1px solid var(--line);background:var(--card);border-radius:18px;max-width:440px;padding:24px}dialog::backdrop{background:#16130f66}dialog input{border:1px solid var(--line);border-radius:10px;width:100%;margin:12px 0;padding:11px 12px;font:15px ui-monospace,monospace}.note{color:var(--mute);font-size:12px;line-height:1.5}.err{color:var(--accent);min-height:1em;font-size:13px}.toast{background:var(--ink);color:#fff;opacity:0;pointer-events:none;border-radius:12px;padding:10px 16px;font-size:14px;transition:all .25s;position:fixed;bottom:22px;left:50%;transform:translate(-50%)}.toast.on{opacity:1}.doc{max-width:760px;margin:30px auto 60px;padding:0 24px;line-height:1.65}.doc h1{margin-bottom:8px;font-size:42px}.doc h2{margin:30px 0 8px;font-size:22px}.doc pre{white-space:pre-wrap;background:var(--card);border:1px solid var(--line);border-radius:10px;padding:12px;font-size:12px}.doc details{background:var(--card);border:1px solid var(--line);border-radius:12px;margin:10px 0;padding:12px 16px}.doc summary{cursor:pointer;font-weight:700}footer{border-top:1px solid var(--line);color:var(--mute);flex-wrap:wrap;gap:18px;padding:22px 28px;font-size:13px;display:flex}.seo .lede,.doc .lede{color:#3d372f;font-size:18px}.crumb{color:var(--mute);font-size:13px}.crumb a{color:var(--mute)}.ba{grid-template-columns:1fr 1fr;gap:14px;margin:22px 0;display:grid}.ba img{border:1px solid var(--line);background:#fff;border-radius:12px;width:100%;height:auto}.ba figcaption{color:var(--mute);margin-top:4px;font-size:12px}.tbl{border-collapse:collapse;width:100%}.tbl th,.tbl td{border-bottom:1px solid var(--line);text-align:left;vertical-align:top;padding:8px;font-size:14px}.tbl th{width:34%}.rel{columns:2}.doc .btn{margin:6px 0}.tm{flex-basis:100%;font-size:11px}