:root{--ink:#171a18;--muted:#686d69;--line:#d9dbd4;--paper:#f4f4ef;--panel:#fff;--raised:#fafaf7;--soft:#eceee8;--accent:#ddec42;--device:#667cff;--display:#e89428;--input:#25ad7e;--av:#ad6fd4;--network:#e35b62;--verified:#159559;color:var(--ink);background:var(--paper);font-synthesis:none;color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}html[data-theme=dark]{--ink:#f0f1ed;--muted:#989d99;--line:#3b3e3c;--paper:#202321;--panel:#292c2a;--raised:#303432;--soft:#353936;--accent:#ddec42;--device:#8fa4ff;--display:#ffb34f;--input:#5be0b1;--av:#d494f0;--network:#ff7c82;--verified:#62dc92;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);margin:0}button,a{font:inherit}button{color:inherit}.skip{background:var(--ink);color:var(--paper);z-index:20;padding:.75rem;position:fixed;top:-5rem;left:1rem}.skip:focus{top:1rem}a{color:inherit}.site-head,footer,main{max-width:1180px;margin:auto}.site-head{align-items:center;gap:22px;height:86px;padding:0 24px;display:flex}.site-head .brand{letter-spacing:-.01em;font-size:22px;font-weight:900;text-decoration:none}.brand i{background:var(--accent);border-radius:50%;width:7px;height:7px;margin-left:3px;display:inline-block}.site-head p{color:var(--muted);margin:0;font-size:14px}.head-actions{align-items:center;gap:20px;margin-left:auto;display:flex}.head-actions>a{text-underline-offset:4px;font-size:14px}.theme-toggle{cursor:pointer;color:var(--muted);background:0 0;border:0;align-items:center;gap:7px;padding:7px 0;font-size:12px;display:flex}.theme-toggle span{border:1px solid var(--line);background:var(--raised);border-radius:99px;width:28px;height:16px;position:relative}.theme-toggle span:after{content:"";background:var(--muted);border-radius:50%;width:10px;height:10px;transition:transform .18s,background .18s;position:absolute;top:2px;left:2px}.theme-toggle[aria-pressed=true] span:after{background:var(--accent);transform:translate(12px)}.theme-toggle b{font-weight:650}main{padding:22px 24px 80px}.toolbox-head{align-items:baseline;gap:14px;padding:0 2px 9px;display:flex}.toolbox-head strong,.workspace-bar>strong{color:var(--cat,var(--muted));letter-spacing:.13em;text-transform:uppercase;font-size:10px;font-weight:850}.toolbox-head strong{color:var(--muted)}.toolbox-head span{color:var(--muted);font-size:11px}.tool-rail{scrollbar-width:none;grid-template-rows:repeat(3,auto);grid-auto-columns:max-content;grid-auto-flow:column;gap:7px;padding:4px 2px 16px;display:grid;overflow-x:auto}.tool-rail::-webkit-scrollbar{display:none}.pill{border:1px solid color-mix(in srgb, var(--cat), var(--line) 56%);background:color-mix(in srgb, var(--cat) 16%, var(--raised));color:color-mix(in srgb, var(--cat), var(--ink) 24%);white-space:nowrap;cursor:grab;border-radius:99px;align-items:center;gap:7px;padding:8px 11px;font-size:12px;font-weight:720;text-decoration:none;display:inline-flex}.pill:active{cursor:grabbing}.pill.dragging{cursor:grabbing;opacity:.58}.grip{opacity:.82;background-image:radial-gradient(currentColor 1.25px,#0000 1.5px);background-position:0 0;background-size:4px 4px;flex:none;width:9px;height:10px}.pill:before{display:none}.pill.active{background:var(--cat);color:#151715;border-color:var(--cat)}html[data-theme=dark] .pill{background:color-mix(in srgb, var(--cat) 22%, var(--raised));color:color-mix(in srgb, var(--cat), white 18%)}html[data-theme=dark] .pill.active{background:var(--cat);color:#141615}.pill:focus-visible,button:focus-visible,a:focus-visible{outline:3px solid color-mix(in srgb, var(--cat,#6883e8), transparent 55%);outline-offset:3px}.workspace{background:var(--panel);border:1px solid color-mix(in srgb, var(--cat) 38%, var(--line));align-content:center;min-height:450px;padding:clamp(26px,5vw,64px);transition:border-color .18s,background-color .18s;display:grid;position:relative;overflow:hidden}.workspace:before{content:"";background:var(--cat);height:3px;transition:background-color .18s;position:absolute;inset:0 0 auto}.workspace-bar{z-index:2;align-items:center;gap:10px;display:flex;position:absolute;top:18px;left:clamp(20px,4vw,48px);right:clamp(20px,4vw,48px)}.workspace-bar>span{background:var(--line);width:1px;height:17px}.workspace-pill{cursor:default;padding:6px 10px;font-size:11px}.workspace-content{transition:opacity .16s}.drop-prompt{z-index:3;opacity:0;visibility:hidden;pointer-events:none;text-align:center;place-content:center;justify-items:center;gap:9px;transition:opacity .16s;display:grid;position:absolute;inset:48px 0 0}.drop-prompt>strong{color:var(--cat);letter-spacing:.015em;text-transform:uppercase;font-size:clamp(24px,3vw,36px)}.drop-prompt>span{color:var(--muted);font-size:13px}.drop-prompt b{color:var(--ink);font-weight:700}.drop-icon{border:2px solid var(--cat);border-top:0;border-radius:0 0 6px 6px;width:42px;height:24px;position:relative}.drop-icon:before{content:"";border-right:2px solid var(--cat);border-bottom:2px solid var(--cat);width:13px;height:13px;position:absolute;top:-13px;left:12px;transform:rotate(45deg)}.drop-icon:after{content:"";background:var(--cat);width:2px;height:24px;position:absolute;top:-23px;left:18px}.workspace.is-dragging .workspace-content{opacity:.08}.workspace.is-dragging .workspace-pill{opacity:.42}.workspace.is-dragging .drop-prompt{opacity:.76;visibility:visible}.workspace.is-dragging{border-color:color-mix(in srgb, var(--cat) 70%, var(--line));background:color-mix(in srgb, var(--cat) 3%, var(--panel))}.workspace.is-dragging.is-over{border-color:var(--cat);background:color-mix(in srgb, var(--cat) 7%, var(--panel))}.workspace.is-dragging.is-over .drop-prompt{opacity:1}.eyebrow{text-transform:uppercase;letter-spacing:.14em;color:var(--cat);margin:0 0 15px;font-size:11px;font-weight:800}.workspace h1{letter-spacing:-.012em;color:var(--cat);margin:0 0 12px;font-size:clamp(28px,4vw,48px);line-height:1.08}.lede{color:var(--muted);max-width:580px;margin:0 0 36px}.primary-label{color:var(--muted);margin-bottom:8px;font-size:13px}.answer{letter-spacing:.005em;overflow-wrap:anywhere;color:var(--cat);font-size:clamp(36px,7vw,76px);font-weight:760;line-height:1.07}.answer.small{letter-spacing:.01em;font-size:clamp(22px,4vw,42px)}.actions{gap:8px;margin-top:22px;display:flex}.btn{border:1px solid var(--cat,var(--ink));background:var(--cat,var(--ink));color:#151715;cursor:pointer;border-radius:3px;padding:10px 15px;font-size:13px;font-weight:750}.btn.secondary{background:var(--raised);color:var(--ink);border-color:var(--line)}.btn:disabled{opacity:.45;cursor:not-allowed}.details{border-top:1px solid var(--line);grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:18px;margin-top:36px;padding-top:22px;display:grid}.datum dt{text-transform:uppercase;letter-spacing:.1em;color:var(--muted);font-size:11px}.datum dd{margin:5px 0 0;font-weight:700}.privacy-note{align-items:flex-start;gap:14px;padding:20px 0 0;display:flex}.privacy-note strong{white-space:nowrap;font-size:12px}.privacy-note p{color:var(--muted);max-width:700px;margin:0;font-size:12px;line-height:1.5}.badges{flex-wrap:wrap;gap:7px;margin-top:12px;display:flex}.badge{letter-spacing:.09em;border:1px solid var(--line);background:var(--raised);color:var(--muted);align-items:center;gap:6px;padding:6px 7px;font:700 9px/1 system-ui;display:inline-flex}.badge.verified:after{content:"✓";background:color-mix(in srgb, var(--verified) 18%, transparent);width:13px;height:13px;color:var(--verified);letter-spacing:0;border-radius:50%;place-items:center;font-size:10px;font-weight:900;display:grid}.content{max-width:760px;margin:70px auto 0}.content h2{letter-spacing:-.01em;margin:42px 0 12px;font-size:24px}.content h2.muted-heading{color:var(--muted)}.content p,.content li{color:var(--muted);line-height:1.72}.content details{color:var(--muted)}.content summary{color:var(--muted);cursor:pointer;padding:14px 2px;font-size:14px;font-weight:560}.content summary:hover,.content summary:focus-visible{color:color-mix(in srgb, var(--muted), var(--ink) 28%)}.content details p{margin:0;padding:0 22px 16px;font-size:14px}.related{flex-wrap:wrap;gap:9px;display:flex}.related a{border-bottom:1px solid var(--line);margin-right:20px;padding:8px 0;text-decoration:none}.related a:hover{border-color:var(--ink)}footer{border-top:1px solid var(--line);color:var(--muted);gap:20px;padding:24px;font-size:12px;display:flex}footer a{margin-left:auto}.test-area{border:1px dashed var(--line);background:var(--raised);place-items:center;min-height:190px;margin-top:25px;display:grid;position:relative;overflow:hidden}.keyboard{flex-wrap:wrap;gap:5px;max-width:700px;display:flex}.key{border:1px solid var(--line);background:var(--soft);place-items:center;min-width:36px;height:36px;font-size:11px;display:grid}.key.on{background:var(--accent);color:#151715;border-color:#a3ae22}.touch-point{background:color-mix(in srgb, var(--cat), transparent 35%);pointer-events:none;border-radius:50%;width:46px;height:46px;position:absolute;transform:translate(-50%,-50%)}.meter{background:var(--soft);max-width:520px;height:12px;margin-top:20px}.meter i{background:var(--cat);width:0;height:100%;display:block}video{background:#111;width:min(100%,640px);max-height:360px;margin-top:20px}.warning{border-left:3px solid var(--network);background:var(--raised);color:var(--muted);max-width:650px;padding:12px 16px;font-size:14px;line-height:1.5}.privacy-page{max-width:760px;margin:50px auto}.privacy-page h1{letter-spacing:-.01em;font-size:48px}.privacy-page h2{margin-top:38px}body.pixel-mode .site-head,body.pixel-mode main>nav,body.pixel-mode .content,body.pixel-mode .privacy-note,body.pixel-mode footer{display:none}body.pixel-mode main{max-width:none;padding:0}body.pixel-mode .workspace{background:var(--pixel);z-index:50;cursor:pointer;border:0;position:fixed;inset:0}.pixel-controls{z-index:60;background:#222;gap:7px;padding:8px;display:none;position:fixed;bottom:20px;left:50%;transform:translate(-50%)}.pixel-mode .pixel-controls{display:flex}.pixel-controls button{border:1px solid #777;width:32px;height:32px}.pixel-controls .exit{color:#fff;background:#222;width:auto;padding:0 12px}@media (width<=650px){.site-head p,.theme-toggle b{display:none}.site-head{height:70px}.head-actions{gap:14px}.tool-rail{display:flex}.toolbox-head{padding-bottom:10px;display:block}.toolbox-head span{margin-top:4px;display:block}.workspace{min-height:470px;padding:76px 20px 28px}.workspace-bar{top:18px;left:20px;right:20px}.workspace-pill{text-overflow:ellipsis;white-space:nowrap;max-width:calc(100% - 94px);overflow:hidden}.details{grid-template-columns:1fr 1fr}.privacy-note{display:block}.privacy-note p{margin-top:6px}footer span:nth-child(2){display:none}.content{margin-top:48px}.answer{font-size:45px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.astro-route-announcer{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;top:0;left:0;overflow:hidden}