:root{color-scheme:light;--bg:#f3f6f4;--bg-deep:#e6f1ec;--surface:#fff;--ink:#14231f;--muted:#5c6d67;--line:#d5e2dc;--accent:#0b6e5b;--accent-strong:#084f42;--accent-soft:#e5f5f0;--danger:#8d2b2b;--danger-bg:#fdeeee;--shadow:0 18px 50px #14231f14;--radius:20px;--max:1120px;--font:ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-height:100vh;font-family:var(--font);color:var(--ink);background:radial-gradient(1200px 500px at 90% -10%, #dff3ec 0%, transparent 55%), linear-gradient(180deg, #f7faf8 0%, var(--bg) 280px);margin:0;line-height:1.55}img{max-width:100%;height:auto;display:block}a{color:var(--accent-strong)}a:hover{color:var(--accent)}.skip{background:var(--ink);color:#fff;z-index:10;border-radius:8px;padding:.6rem .9rem;position:absolute;top:-4rem;left:1rem}.skip:focus{top:1rem}.shell{width:min(var(--max), calc(100% - 2rem));margin:0 auto}.site-header{z-index:5;backdrop-filter:blur(14px);background:#f7faf8e6;border-bottom:1px solid #d5e2dce6;position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;gap:1rem;min-height:4rem;display:flex}.brand{color:var(--ink);letter-spacing:-.02em;align-items:center;gap:.7rem;font-weight:700;text-decoration:none;display:inline-flex}.brand-mark{flex:none;width:1.8rem;height:1.8rem}.nav{flex-wrap:wrap;justify-content:flex-end;gap:.4rem .9rem;display:flex}.nav a{color:var(--muted);font-size:.95rem;text-decoration:none}.nav a:hover,.nav a[aria-current=page]{color:var(--ink)}.hero{gap:1.5rem;padding:2.2rem 0 1rem;display:grid}.kicker{color:var(--accent-strong);letter-spacing:.04em;text-transform:uppercase;margin:0 0 .6rem;font-size:.78rem;font-weight:700}h1,h2,h3{letter-spacing:-.03em;line-height:1.15}h1{margin:0 0 .8rem;font-size:clamp(2rem,4vw,3.4rem)}h2{margin:0 0 .6rem;font-size:clamp(1.5rem,2vw,2rem)}.lede{color:var(--muted);max-width:40rem;margin:0;font-size:1.12rem}.hero-art{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:1rem}.hero-art svg{width:100%;height:auto}.panel{background:var(--surface);border:1px solid var(--line);border-radius:calc(var(--radius) + 4px);box-shadow:var(--shadow);margin:1rem 0 2.5rem;padding:1rem}.tool{gap:.9rem;display:grid}.tool-heading p,.section-intro{color:var(--muted);margin:0}.dropzone{text-align:center;background:linear-gradient(180deg, #fbfefd 0%, var(--accent-soft) 100%);cursor:pointer;border:1.5px dashed #9db8ae;border-radius:16px;justify-items:center;gap:.25rem;padding:1.6rem 1rem;display:grid;position:relative}.dropzone.is-over{border-color:var(--accent);background:#e9f8f3}.dropzone-title{font-size:1.2rem;font-weight:700}.dropzone-action{color:var(--accent-strong);text-underline-offset:.18em;font-weight:700;text-decoration:underline}.dropzone-note{color:var(--muted);font-size:.92rem}.file-input{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.status{color:var(--muted);min-height:1.4em;margin:0}.progress{background:#e4eeea;border-radius:999px;height:.55rem;overflow:hidden}.progress span{background:linear-gradient(90deg, var(--accent), #1f9a82);border-radius:inherit;height:100%;display:block}.progress.is-indeterminate span{width:40%;animation:1.1s ease-in-out infinite slide}@keyframes slide{0%{transform:translate(-120%)}to{transform:translate(280%)}}.error{background:var(--danger-bg);color:var(--danger);border-radius:12px;margin:0;padding:.75rem .9rem}.preview-grid{gap:.8rem;display:grid}.preview-grid figure{gap:.4rem;margin:0;display:grid}.preview-grid figcaption{color:var(--muted);font-size:.85rem;font-weight:700}.preview-grid img,.preview-empty{object-fit:contain;border:1px solid var(--line);background:#f7faf8;border-radius:14px;width:100%;min-height:180px}.checker{background-color:#fff;background-image:linear-gradient(45deg,#d7e3de 25%,#0000 25%),linear-gradient(-45deg,#d7e3de 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#d7e3de 75%),linear-gradient(-45deg,#0000 75%,#d7e3de 75%);background-position:0 0,0 10px,10px -10px,-10px 0;background-size:20px 20px;border-radius:14px}.checker img{background:0 0}.preview-empty{color:var(--muted);place-items:center;padding:1rem;display:grid}.actions{flex-wrap:wrap;gap:.6rem;display:flex}.button{appearance:none;font:inherit;cursor:pointer;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;padding:.75rem 1.1rem;font-weight:700;text-decoration:none;display:inline-flex}.button:disabled{opacity:.55;cursor:not-allowed}.button.primary{background:var(--accent);color:#fff}.button.primary:hover{background:var(--accent-strong);color:#fff}.button.secondary{border-color:var(--line);color:var(--ink);background:#fff}.button.secondary:hover{border-color:var(--accent);color:var(--accent-strong)}.engine-note{color:var(--muted);margin:0;font-size:.92rem}.section{padding:.5rem 0 2.2rem}.steps,.faq{gap:.8rem;margin:1rem 0 0;padding:0;list-style:none;display:grid}.steps li,.faq-item,.prose,.callout{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:1rem 1.05rem}.steps{counter-reset:step}.steps li{gap:.25rem;display:grid}.steps strong:before{counter-increment:step;content:counter(step) ". ";color:var(--accent)}.faq-item summary{cursor:pointer;font-weight:700}.faq-item p{color:var(--muted);margin:.7rem 0 0}.callout h2{font-size:1.3rem}.site-footer{border-top:1px solid var(--line);color:var(--muted);padding:1.5rem 0 2.5rem}.footer-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.8rem 1.2rem;display:flex}.footer-links,.footer-meta{flex-wrap:wrap;gap:.7rem 1rem;display:flex}.footer-links a{color:var(--ink);font-weight:650;text-decoration:none}code{background:var(--accent-soft);border-radius:6px;padding:.08em .35em;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.92em}.footer-meta{margin:0;font-size:.92rem}.prose h1{font-size:clamp(1.8rem,3vw,2.6rem)}.prose h2{margin-top:1.4rem;font-size:1.25rem}.prose p,.prose li{color:var(--muted)}.prose ul{margin-top:.4rem}.noscript{color:#6a4b12;background:#fff8e8;border-radius:12px;margin:0 0 .8rem;padding:.8rem .9rem}:focus-visible{outline:3px solid var(--accent);outline-offset:2px}@media (width>=800px){.hero{grid-template-columns:1.15fr .85fr;align-items:center;padding-top:3.2rem}.panel{padding:1.3rem}.preview-grid{grid-template-columns:1fr 1fr}.steps{grid-template-columns:repeat(3,1fr)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.progress.is-indeterminate span{animation:none}}