:root{--ink:#12151a;--muted:#5a6472;--line:#12151a1f;--cobalt:#2b6ef2;--cobalt-deep:#1a4fc4;--danger:#b42318;--ok:#1f8a5a;--font-display:"Syne", system-ui, sans-serif;--font-body:"IBM Plex Sans", system-ui, sans-serif;--font-mono:"IBM Plex Mono", ui-monospace, monospace;--ease:cubic-bezier(.22, 1, .36, 1)}*{box-sizing:border-box}html,body,#root{min-height:100%}body{color:var(--ink);font-family:var(--font-body);background:radial-gradient(900px 500px at 90% -10%,#2b6ef229,#0000 55%),linear-gradient(165deg,#f3f5f8,#e5ebf3 60%,#dce4ef);margin:0}.page{min-height:100vh;padding:1.25rem 1.25rem 3rem;position:relative}.noise{pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}.head{z-index:1;justify-content:space-between;align-items:center;gap:1rem;max-width:720px;margin:0 auto 2rem;display:flex;position:relative}.brand{font-family:var(--font-display);letter-spacing:-.03em;align-items:center;gap:.6rem;font-weight:700;display:inline-flex}.mark{background:var(--cobalt);width:12px;height:12px;box-shadow:0 0 0 4px #2b6ef22e}.fee-pill{font-family:var(--font-mono);color:var(--cobalt-deep);margin:0;font-size:.78rem}.head-right{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.85rem;display:flex}.tg-link{font-family:var(--font-mono);color:var(--ink);border-bottom:1px solid #2b6ef273;font-size:.78rem;text-decoration:none}.tg-link:hover{color:var(--cobalt-deep)}.shell{z-index:1;max-width:720px;margin:0 auto;position:relative}.hero-block h1{font-family:var(--font-display);letter-spacing:-.04em;margin:0 0 .75rem;font-size:clamp(2rem,6vw,3.1rem);font-weight:800;line-height:1.05}.lede{color:var(--muted);max-width:40rem;margin:0 0 1.75rem}.lede strong{color:var(--cobalt-deep)}.lede code,.fine code{font-family:var(--font-mono);font-size:.85em}.panel{border:1px solid var(--line);background:#f7f8faeb;gap:.85rem;padding:1.25rem;display:grid}label{letter-spacing:.04em;text-transform:uppercase;color:var(--muted);gap:.35rem;font-size:.78rem;display:grid}input,select,button{font:inherit;text-transform:none;letter-spacing:0}input,select{border:1px solid var(--line);width:100%;min-height:44px;color:var(--ink);font-family:var(--font-mono);background:#fff;padding:.65rem .75rem;font-size:.88rem}.mode-row,.actions{grid-template-columns:1fr 1fr;gap:.5rem;display:grid}.mode-row-3{grid-template-columns:1fr 1fr 1fr}.mode-row button{border:1px solid var(--line);cursor:pointer;background:#fff;min-height:40px;font-size:.75rem;font-weight:600}.mode-row button.on{background:var(--cobalt);border-color:var(--cobalt);color:#fff}.tabs-4,.tabs-5,.tabs-6{gap:4px;display:grid}.tabs-4{grid-template-columns:repeat(4,1fr)}.tabs-5{grid-template-columns:repeat(5,1fr)}.tabs-6{grid-template-columns:repeat(6,1fr)}.tabs-4 button,.tabs-5 button,.tabs-6 button{border:1px solid var(--line);cursor:pointer;background:#fff;min-height:44px;padding:.45rem .15rem;font-size:.62rem;font-weight:600;line-height:1.15}.tabs-4 button.on,.tabs-5 button.on,.tabs-6 button.on{background:var(--cobalt);border-color:var(--cobalt);color:#fff}.tab-body{gap:.85rem;display:grid}.hint{color:var(--muted);text-transform:none;letter-spacing:0;margin:0;font-size:.9rem;line-height:1.45}.hint strong{color:var(--ink)}textarea{border:1px solid var(--line);width:100%;color:var(--ink);font-family:var(--font-mono);resize:vertical;background:#fff;padding:.65rem .75rem;font-size:.82rem}.primary.full{border:1px solid var(--cobalt);background:var(--cobalt);color:#fff;cursor:pointer;width:100%;min-height:44px;font-weight:600}.mode-row button,.actions button{border:1px solid var(--line);cursor:pointer;min-height:44px;transition:transform .2s var(--ease), background .2s var(--ease);background:#fff;font-weight:600}.mode-row button.on,.actions .primary{background:var(--cobalt);border-color:var(--cobalt);color:#fff}.actions .ghost:hover,.mode-row button:hover,.actions .primary:hover{transform:translateY(-1px)}.actions .primary:hover{background:var(--cobalt-deep)}button:disabled{opacity:.55;cursor:wait;transform:none!important}.split{border-top:1px solid var(--line);gap:.5rem;padding:.85rem 0 0;display:grid}.split div{justify-content:space-between;gap:1rem;font-size:.95rem;display:flex}.split span{color:var(--muted)}.split strong{font-family:var(--font-mono);font-weight:500}.err{color:var(--danger);word-break:break-word;white-space:pre-wrap;font-size:.88rem;font-family:var(--font-mono);margin:0;line-height:1.45}.ok{color:var(--ok);word-break:break-word;white-space:pre-wrap;margin:0;font-size:.88rem}.ok a{color:inherit}.fine{color:var(--muted);margin:1.25rem 0 0;font-size:.85rem}.seo{border-top:1px solid var(--line);margin-top:3rem;padding-top:2rem}.seo h2{font-family:var(--font-display);letter-spacing:-.03em;margin:0 0 .75rem;font-size:1.55rem}.seo h3{font-family:var(--font-display);margin:1.5rem 0 .5rem}.seo p{color:var(--muted);margin:0 0 .85rem}.seo-links{margin:0 0 1rem;padding-left:1.1rem}.seo-links a{color:var(--cobalt-deep);font-weight:600}.faq details{border-top:1px solid var(--line);padding:.75rem 0}.faq summary{cursor:pointer;font-weight:600}.faq details p{margin:.5rem 0 0}