:root{--bg: #f6f3ee;--surface: #ffffff;--surface-2: #efe9df;--ink: #14202b;--ink-2: #4b5966;--line: #ddd5c8;--accent: #0f6b66;--accent-ink: #ffffff;--accent-soft: #d8efec;--pass: #17794a;--warn: #9a6200;--fail: #b3261e;--radius: 16px;--shadow: 0 1px 2px rgb(20 32 43 / .06), 0 8px 24px rgb(20 32 43 / .08);--step--1: clamp(.82rem, .8rem + .1vw, .9rem);--step-0: clamp(1rem, .96rem + .2vw, 1.12rem);--step-1: clamp(1.2rem, 1.1rem + .5vw, 1.5rem);--step-2: clamp(1.5rem, 1.3rem + 1vw, 2.1rem);--step-3: clamp(2rem, 1.5rem + 2.6vw, 3.6rem);--gutter: clamp(1rem, 4vw, 2rem);--maxw: 72rem;--font: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;--font-display: ui-serif, "Iowan Old Style", "Palatino Linotype", Georgia, serif}@media(prefers-color-scheme:dark){:root{--bg: #0f1820;--surface: #17232d;--surface-2: #1d2c38;--ink: #eef2f5;--ink-2: #a9b6c1;--line: #2a3a47;--accent: #4fd1c5;--accent-ink: #06201d;--accent-soft: #123a37;--pass: #5fd49a;--warn: #f0b34a;--fail: #ff8a80;--shadow: 0 1px 2px rgb(0 0 0 / .4), 0 8px 24px rgb(0 0 0 / .35)}}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}body{margin:0;background:var(--bg);color:var(--ink);font:var(--step-0)/1.6 var(--font)}img,svg,canvas,video{max-width:100%;display:block}h1,h2,h3{font-family:var(--font-display);line-height:1.15;margin:0 0 .5em;letter-spacing:-.01em}h1{font-size:var(--step-3)}h2{font-size:var(--step-2)}h3{font-size:var(--step-1)}p{margin:0 0 1em}a{color:var(--accent);text-underline-offset:3px}:focus-visible{outline:3px solid var(--accent);outline-offset:2px;border-radius:6px}.skip{position:absolute;left:-999px;top:0;background:var(--accent);color:var(--accent-ink);padding:.6rem 1rem;z-index:100}.skip:focus{left:0}.wrap{width:min(100% - 2 * var(--gutter),var(--maxw));margin-inline:auto}.section{padding-block:clamp(2.5rem,6vw,5rem)}.muted{color:var(--ink-2)}.eyebrow{font-size:var(--step--1);letter-spacing:.12em;text-transform:uppercase;color:var(--accent);font-weight:700;margin-bottom:.75rem}.site-header{border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(8px);position:sticky;top:0;z-index:20}.site-header .wrap{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:3.75rem}.brand{display:inline-flex;align-items:center;gap:.6rem;font-weight:800;color:var(--ink);text-decoration:none;font-family:var(--font-display);font-size:1.15rem}.brand svg{width:1.8rem;height:1.8rem}.nav{display:flex;gap:clamp(.75rem,2vw,1.5rem);flex-wrap:wrap;font-size:var(--step--1)}.nav a{color:var(--ink-2);text-decoration:none;font-weight:600}.nav a:hover{color:var(--ink)}.site-footer{border-top:1px solid var(--line);padding-block:2.5rem;font-size:var(--step--1);color:var(--ink-2)}.site-footer .cols{display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(14rem,1fr))}.site-footer h3{font-family:var(--font);font-size:var(--step--1);text-transform:uppercase;letter-spacing:.1em;color:var(--ink)}.site-footer ul{list-style:none;margin:0;padding:0;display:grid;gap:.4rem}.btn{appearance:none;border:1px solid transparent;background:var(--accent);color:var(--accent-ink);font:inherit;font-weight:700;padding:.8rem 1.25rem;min-height:2.9rem;border-radius:999px;cursor:pointer;display:inline-flex;gap:.5rem;align-items:center;justify-content:center;text-decoration:none;transition:transform .12s ease,filter .12s}.btn:hover{filter:brightness(1.06)}.btn:active{transform:translateY(1px)}.btn[disabled]{opacity:.5;cursor:not-allowed}.btn.secondary{background:transparent;color:var(--ink);border-color:var(--line)}.btn.secondary:hover{background:var(--surface-2)}.btn.big{min-height:3.4rem;font-size:1.05rem;padding-inline:1.75rem}.field{display:grid;gap:.35rem}.field label{font-size:var(--step--1);font-weight:700;color:var(--ink-2)}select,input[type=range]{font:inherit}select{min-height:2.9rem;padding:.5rem .9rem;border-radius:12px;border:1px solid var(--line);background:var(--surface);color:var(--ink);width:100%}input[type=range]{width:100%;accent-color:var(--accent)}.badge{display:inline-flex;align-items:center;gap:.4rem;font-size:var(--step--1);font-weight:700;background:var(--accent-soft);color:var(--accent);padding:.3rem .7rem;border-radius:999px}.hero{padding-block:clamp(2rem,5vw,4rem) 1rem}.hero p.lead{font-size:var(--step-1);color:var(--ink-2);max-width:40rem}.trust{display:flex;flex-wrap:wrap;gap:.6rem 1.25rem;margin:1.25rem 0 0;padding:0;list-style:none;font-size:var(--step--1);font-weight:700;color:var(--ink-2)}.trust li:before{content:"✓ ";color:var(--pass)}.tool{background:var(--surface);border:1px solid var(--line);border-radius:calc(var(--radius) + 6px);box-shadow:var(--shadow);padding:clamp(1rem,3vw,1.75rem);display:grid;gap:1.25rem}.tool-head{display:grid;gap:.9rem;grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));align-items:end}.spec-card{background:var(--surface-2);border-radius:12px;padding:.65rem .9rem;font-size:var(--step--1)}.spec-card strong{display:block;font-size:1rem}.drop{border:2px dashed var(--line);border-radius:var(--radius);padding:clamp(1.5rem,6vw,3.5rem) 1rem;text-align:center;display:grid;gap:1rem;justify-items:center;background:var(--bg);transition:border-color .15s,background .15s}.drop.over{border-color:var(--accent);background:var(--accent-soft)}.drop .actions{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center}.drop .formats{font-size:var(--step--1);color:var(--ink-2);margin:0}.editor{display:grid;gap:1.25rem;grid-template-columns:minmax(0,1fr)}@media(min-width:52rem){.editor{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:start}}.stage{position:relative;background:repeating-conic-gradient(var(--surface-2) 0% 25%,var(--bg) 0% 50%) 0 0 / 20px 20px;border-radius:var(--radius);padding:1rem;display:grid;place-items:center}.frame{position:relative;width:min(100%,26rem);touch-action:none;cursor:grab;line-height:0;box-shadow:0 6px 24px #00000040}.frame:active{cursor:grabbing}.frame canvas{width:100%;height:auto}.frame svg.guides{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.controls{display:grid;gap:1rem}.controls .row{display:grid;gap:.9rem;grid-template-columns:repeat(auto-fit,minmax(10rem,1fr))}.checks{list-style:none;margin:0;padding:0;display:grid;gap:.5rem}.check{display:grid;grid-template-columns:1.6rem 1fr;gap:.5rem;padding:.55rem .7rem;border-radius:12px;background:var(--bg);font-size:var(--step--1)}.check b{display:block}.check .ico{font-weight:900;text-align:center}.check[data-s=pass] .ico{color:var(--pass)}.check[data-s=warn] .ico{color:var(--warn)}.check[data-s=fail] .ico{color:var(--fail)}.check[data-s=unknown] .ico{color:var(--ink-2)}.summary{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.paywall{border:1px solid var(--accent);background:var(--accent-soft);border-radius:var(--radius);padding:1rem 1.1rem;display:grid;gap:.75rem}.paywall h3{margin:0;font-size:var(--step-1)}.paywall ul{margin:0;padding-left:1.2rem;font-size:var(--step--1)}.demo-note{font-size:var(--step--1);color:var(--warn);font-weight:700;margin:0}.downloads{display:grid;gap:.75rem}.downloads .row{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center}.downloads select{width:auto;min-width:8rem}.status{min-height:1.4rem;font-size:var(--step--1);color:var(--ink-2)}.hidden{display:none!important}dialog{border:0;border-radius:var(--radius);padding:1rem;width:min(96vw,32rem);background:var(--surface);color:var(--ink);box-shadow:var(--shadow)}dialog::backdrop{background:#0009}.cam{position:relative;line-height:0;border-radius:12px;overflow:hidden;background:#000}.cam video{width:100%;max-height:60vh;object-fit:cover;transform:scaleX(-1)}.cam .count{position:absolute;inset:0;display:grid;place-items:center;font-size:6rem;font-weight:900;color:#fff;text-shadow:0 2px 12px rgb(0 0 0 / .6);line-height:1}.cam svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr))}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:1.25rem}.card h3{font-size:var(--step-1)}.steps{counter-reset:s;list-style:none;padding:0;margin:0;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(14rem,1fr))}.steps li{counter-increment:s;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:1.25rem}.steps li:before{content:counter(s);display:grid;place-items:center;width:2rem;height:2rem;border-radius:50%;background:var(--accent);color:var(--accent-ink);font-weight:800;margin-bottom:.6rem}.country-link{display:flex;align-items:center;gap:.6rem;padding:.8rem 1rem;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--ink);text-decoration:none;font-weight:700}.country-link:hover{border-color:var(--accent)}.country-link .flag{font-size:1.5rem}table.spec{width:100%;border-collapse:collapse;font-size:var(--step--1)}table.spec th,table.spec td{text-align:left;padding:.65rem .8rem;border-bottom:1px solid var(--line)}table.spec th{width:40%;color:var(--ink-2);font-weight:700}.prose{max-width:46rem}.prose ul{padding-left:1.2rem}.prose li{margin-bottom:.4rem}details{border-bottom:1px solid var(--line);padding:.9rem 0}summary{cursor:pointer;font-weight:700}.notice{border-left:4px solid var(--warn);background:var(--surface-2);padding:.75rem 1rem;border-radius:8px;font-size:var(--step--1);margin-block:1rem}.breadcrumbs{font-size:var(--step--1);color:var(--ink-2);padding-top:1.25rem}.breadcrumbs a{color:inherit}