:root{--page:#f4efe6;--ink:#1a1714;--stitch:#c45c26;--privacy:#2f6a4a;--paper:#fff;--error:#b42318;--warning:#b45309;--muted:#5c564e;--line:#d8d0c4;--focus:#c45c26;--gutter:#c45c261f;--chrome:#ebe4d8;--well:#e4dcd0;--header-ad-h:90px;--side-ad-h:250px;--footer-ad-h:90px}@media (width<=639px){:root{--header-ad-h:50px;--footer-ad-h:100px}}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--page);color:var(--ink);margin:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif;font-size:16px;line-height:1.55}h1,h2,h3{letter-spacing:-.02em;line-height:1.2}h1{font-size:clamp(1.8rem,3vw,2.4rem)}a{color:var(--stitch)}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.skip{position:absolute;top:0;left:-999px}.skip:focus{z-index:50;background:#fff;padding:8px 12px;left:8px}.wrap{width:min(1120px,100% - 32px);margin-inline:auto}.site-header,.site-footer{border-bottom:1px solid var(--line)}.site-footer{border-bottom:0;border-top:1px solid var(--line);margin-top:48px;padding:32px 0 48px}.nav{justify-content:space-between;align-items:center;gap:16px;min-height:64px;display:flex}.wordmark{color:var(--ink);align-items:center;gap:10px;font-weight:700;text-decoration:none;display:flex}.nav-links{gap:18px;display:flex}.nav-links a{color:var(--ink);text-decoration:none}.badge{background:color-mix(in srgb, var(--privacy) 12%, white);color:var(--privacy);border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:.85rem;font-weight:600;display:inline-flex}.ad-slot{display:none!important}.ad-slot-reserved{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;background:#efe8dc;place-items:center;font-size:.8rem;display:grid}.ad-header{height:var(--header-ad-h)}.ad-side{width:300px;height:var(--side-ad-h)}.ad-footer{height:var(--footer-ad-h)}.prose{max-width:42rem}.prose img,.prose svg{max-width:100%;height:auto}.cta{background:var(--stitch);color:#fff;border-radius:8px;min-height:44px;padding:12px 18px;font-weight:650;text-decoration:none;display:inline-block}.btn,button.btn{font:inherit;cursor:pointer;background:var(--stitch);color:#fff;border:0;border-radius:8px;min-height:44px;padding:0 16px;font-weight:650}.btn.secondary{color:var(--ink);border:1px solid var(--line);background:0 0}.btn:disabled{opacity:.5;cursor:not-allowed}.dropzone{border:2px dashed var(--stitch);background:color-mix(in srgb, var(--stitch) 6%, white);text-align:center;border-radius:12px;place-items:center;min-height:160px;padding:24px;display:grid}.tool-grid{gap:24px;display:grid}@media (width>=1024px){.tool-grid{grid-template-columns:minmax(280px,360px) 1fr;align-items:start}}.preview-stage{background:var(--well);border:1px solid var(--line);border-radius:12px;min-height:360px;padding:20px;overflow:auto}@media (width>=768px){.preview-stage{min-height:480px}}.banner{border-radius:8px;padding:10px 12px}.banner.warn{color:var(--warning);background:#f8ead4}.banner.err{color:var(--error);background:#f8dcd9}.banner.info{color:var(--privacy);background:#e7f0ea}.tabular{font-variant-numeric:tabular-nums}.footer-links{flex-wrap:wrap;gap:10px 16px;font-size:.9rem;display:flex}.footer-info{margin-top:16px;font-weight:600}.updated{color:var(--muted);margin-top:-8px;font-size:.9rem}.prose figure,main figure{margin:24px 0}figure img{max-width:100%;height:auto;display:block}figcaption{color:var(--muted);margin-top:8px;font-size:.9rem}.prose dt{margin-top:18px;font-weight:700}.prose dd{margin:4px 0 0}.guide-list{padding-left:1.2rem}.guide-list li{margin-bottom:10px}.home-guide{max-width:42rem}.muted{color:var(--muted)}details>summary{cursor:pointer;font-weight:600}@media (prefers-color-scheme:dark){:root{--page:#1a1714;--ink:#f4efe6;--privacy:#7cbc86;--error:#f97066;--warning:#e0a04a;--muted:#c4b8a8;--line:#3a342c;--chrome:#2a241e;--well:#12100e;--paper:#fff}.badge{background:color-mix(in srgb, var(--privacy) 18%, #1a1714)}.dropzone{background:color-mix(in srgb, var(--stitch) 12%, #1a1714)}}@media (prefers-contrast:more){:root{--page:#000;--ink:#fff;--stitch:#ff0;--privacy:#fff;--error:#ff0;--warning:#ff0;--focus:#ff0;--gutter:#ff03;--chrome:#000;--well:#000;--line:#fff}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline-width:3px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}