:root{--bg:#f4f4f1;--panel:#fff;--ink:#151517;--ink-2:#4f4f57;--ink-3:#8a8a92;--line:#e2e2dc;--chip:#ecece7;--accent:#ff5c39;--accent-ink:#fff;--good:#178a4e;--good-bg:#e2f4e9;--warn:#9a5b00;--warn-bg:#fbefd8;--bad:#b42318;--bad-bg:#fdeceb;--focus:#7c8cff;--sans:"Inter", -apple-system, BlinkMacSystemFont, "Helvetica Neue", sans-serif;--mono:ui-monospace, "SF Mono", Menlo, monospace;--r:12px;--r-sm:8px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root{--bg:#0e0e10;--panel:#17171a;--ink:#f2f2f4;--ink-2:#b6b6be;--ink-3:#7d7d86;--line:#26262b;--chip:#212126;--good:#5fd394;--good-bg:#13301f;--warn:#f0b65a;--warn-bg:#33260f;--bad:#ff8a80;--bad-bg:#3a1714;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}html,body{margin:0}body{background:var(--bg);color:var(--ink);font:15px/1.5 var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit}h1{letter-spacing:-.025em;margin:4px 0 6px;font-size:30px;line-height:1.1}h2{letter-spacing:-.01em;margin:0 0 6px;font-size:18px}code,pre{font-family:var(--mono)}.muted{color:var(--ink-2)}.sm{font-size:13px}.sr-only{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}:focus-visible{outline:2px solid var(--focus);outline-offset:2px;border-radius:6px}.boot{min-height:100vh}.btn{height:40px;font:500 14px var(--sans);cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:6px;padding:0 16px;text-decoration:none;transition:background .15s,border-color .15s,opacity .15s;display:inline-flex}.btn.primary{background:var(--ink);color:var(--bg)}.btn.primary:hover{opacity:.88}.btn.ghost{color:var(--ink);border-color:var(--line);background:0 0}.btn.ghost:hover{background:var(--chip)}.btn.sm{height:32px;padding:0 12px;font-size:13px}.btn.xs{height:26px;padding:0 10px;font-size:12px}.btn.block{width:100%}.btn:disabled{opacity:.45;cursor:default}.linkish{color:var(--ink-2);font:13px var(--sans);cursor:pointer;text-underline-offset:3px;background:0 0;border:0;padding:0;text-decoration:underline}input{border-radius:var(--r-sm);border:1px solid var(--line);background:var(--panel);width:100%;height:44px;color:var(--ink);font:15px var(--sans);padding:0 14px}input:focus{border-color:var(--focus);box-shadow:0 0 0 3px color-mix(in srgb, var(--focus) 25%, transparent);outline:none}.field{gap:6px;margin:18px 0 12px;display:grid}.field>span{color:var(--ink-2);font-size:13px;font-weight:500}.error{color:var(--bad);background:var(--bad-bg);border-radius:var(--r-sm);margin:10px 0;padding:8px 12px;font-size:14px}.chip{font:600 11px var(--mono);letter-spacing:.02em;background:var(--chip);color:var(--ink-2);border-radius:999px;padding:3px 9px;display:inline-block}.chip.st-ready{background:var(--good-bg);color:var(--good)}.chip.st-running{background:var(--warn-bg);color:var(--warn)}.chip.st-failed{background:var(--bad-bg);color:var(--bad)}.logo{font:650 16px var(--sans);letter-spacing:-.02em;align-items:center;gap:9px;display:inline-flex}.landing{max-width:1120px;margin:0 auto;padding:22px 24px 60px}.landing-top{justify-content:space-between;align-items:center;display:flex}.hero{max-width:860px;padding:110px 0 56px}.eyebrow{font:600 12px var(--mono);text-transform:uppercase;letter-spacing:.1em;color:var(--accent);margin:0 0 18px}.hero h1{letter-spacing:-.045em;margin:0 0 22px;font-size:clamp(36px,6vw,64px);line-height:1.02}.lede{color:var(--ink-2);max-width:640px;margin:0 0 30px;font-size:18px;line-height:1.55}.hero-cta{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.hero-cta .btn{height:48px;padding:0 22px;font-size:15px}.preview{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}@media (width<=900px){.preview{grid-template-columns:1fr 1fr}}@media (width<=560px){.preview{grid-template-columns:1fr}}.pv-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);flex-direction:column;gap:12px;min-height:190px;padding:16px;display:flex;overflow:hidden}.pv-label{font:600 11px var(--mono);text-transform:uppercase;letter-spacing:.08em;color:var(--ink-3)}.pv-card code{color:var(--ink-2);margin-top:auto;font-size:11px}.sw-row{grid-template-columns:repeat(6,1fr);gap:6px;display:grid}.sw-row i{aspect-ratio:1;border-radius:8px;box-shadow:inset 0 0 0 1px #00000014}.pv-display{letter-spacing:-.01em;transform-origin:0 0;font:900 34px/.86 Impact,Haettenschweiler,Arial Narrow Bold,sans-serif;transform:scaleY(1.06)}.pv-pages ul{color:var(--ink-2);gap:8px;margin:0;padding:0;font-size:13px;list-style:none;display:grid}.pv-pages b{color:var(--ink);margin-right:6px;font-weight:600}.pv-mcp pre{color:var(--ink-2);white-space:pre-wrap;margin:0;font-size:11.5px;line-height:1.7}.landing-foot{margin-top:64px;font-size:13px}.auth{align-content:center;place-items:center;gap:24px;min-height:100vh;padding:24px;display:grid}.auth-logo{text-decoration:none}.auth-card{background:var(--panel);border:1px solid var(--line);border-radius:16px;width:min(420px,100%);padding:28px;box-shadow:0 24px 60px -30px #00000040}.auth-card h1{font-size:24px}.code-input{font:600 26px var(--mono);letter-spacing:.35em;text-align:center;height:56px}.auth-alt{justify-content:space-between;margin-top:16px;display:flex}.topbar{z-index:10;background:color-mix(in srgb, var(--bg) 85%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);align-items:center;gap:28px;height:60px;padding:0 24px;display:flex;position:sticky;top:0}.brandlink{text-decoration:none}.tabs{gap:4px;display:flex}.tabs a{color:var(--ink-2);border-radius:999px;padding:6px 12px;font-size:14px;text-decoration:none}.tabs a.active{color:var(--ink);background:var(--chip)}.who{align-items:center;gap:12px;margin-left:auto;display:flex}.who .email{color:var(--ink-2);font-size:13px}@media (width<=640px){.who .email{display:none}.topbar{gap:12px;padding:0 16px}}.page{max-width:1120px;margin:0 auto;padding:36px 24px 80px}.stack-lg{gap:22px;display:grid}.page-head{justify-content:space-between;align-items:flex-end;gap:16px;display:flex}.page-head p{max-width:680px;margin:0}.newkit{gap:10px;display:flex}.newkit input{height:48px;font-size:16px}.newkit .btn{height:48px;padding:0 22px}.grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;display:grid}.kit-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);gap:14px;min-height:132px;padding:16px;text-decoration:none;transition:border-color .15s,transform .15s;display:grid;position:relative}.kit-card:hover{border-color:var(--ink-3);transform:translateY(-1px)}.kit-card .chip{position:absolute;top:14px;right:14px}.kit-swatches{gap:4px;height:34px;display:flex}.kit-swatches i{border-radius:6px;flex:1;max-width:34px;box-shadow:inset 0 0 0 1px #00000014}.kit-swatches i.ph{background:repeating-linear-gradient(135deg, var(--chip) 0 8px, transparent 8px 16px);max-width:none}.kit-meta{gap:2px;display:grid}.skeleton{background:linear-gradient(90deg, var(--panel), var(--chip), var(--panel));background-size:200% 100%;animation:1.4s infinite shimmer}.skeleton.tall{min-height:320px}@keyframes shimmer{to{background-position:-200% 0}}@media (prefers-reduced-motion:reduce){.skeleton{animation:none}.kit-card:hover{transform:none}}.empty{background:var(--panel);border:1px dashed var(--line);border-radius:var(--r);text-align:center;justify-items:center;gap:6px;padding:48px 24px;display:grid}.empty p{max-width:520px;margin:0}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);gap:12px;padding:22px;display:grid}.panel>p{margin:0}.row{align-items:center;gap:10px;display:flex}.secret{background:var(--good-bg);border-radius:var(--r-sm);gap:6px;padding:12px 14px;display:grid}.secret code{word-break:break-all;flex:1;font-size:13px}.keys{margin:0;padding:0;list-style:none;display:grid}.keys li{border-top:1px solid var(--line);grid-template-columns:auto auto 1fr auto;align-items:center;gap:12px;padding:10px 0;display:grid}.keys code{color:var(--ink-3);font-size:12px}.snippet{border:1px solid var(--line);border-radius:var(--r-sm);overflow:hidden}.snippet-head{background:var(--chip);justify-content:space-between;align-items:center;padding:10px 12px;display:flex}.snippet-head>div{align-items:baseline;gap:10px;display:flex}.snippet pre,.prompt{white-space:pre;margin:0;padding:14px;font-size:12.5px;line-height:1.6;overflow-x:auto}.prompt{background:var(--chip);border-radius:var(--r-sm);white-space:pre-wrap}.subtabs{border-bottom:1px solid var(--line);scrollbar-width:none;gap:4px;display:flex;overflow:auto hidden}.subtabs button{font:500 14px var(--sans);color:var(--ink-2);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-bottom:2px solid #0000;margin-bottom:-1px;padding:10px 12px}.subtabs button[aria-pressed=true]{color:var(--ink);border-bottom-color:var(--ink)}.subtabs button:disabled{opacity:.35;cursor:default}.panel-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;display:flex}.ov-hero{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:16px;display:grid}@media (width<=860px){.ov-hero{grid-template-columns:1fr}}.ov-shot{border-radius:var(--r);border:1px solid var(--line);aspect-ratio:16/10;background:#000;overflow:hidden}.ov-shot img{object-fit:cover;object-position:top;width:100%;height:100%;display:block}.ov-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);flex-direction:column;gap:10px;padding:20px;display:flex}.ov-name{letter-spacing:-.02em;margin:0;font-size:28px}.ov-card p{margin:0;font-size:14px}.facts{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;gap:12px;margin:auto 0 0;padding-top:12px;display:grid}.facts dt{font:600 11px var(--mono);text-transform:uppercase;letter-spacing:.06em;color:var(--ink-3)}.facts dd{margin:2px 0 0;font-size:14px}.swatches{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;display:grid}.swatch{text-align:left;border:1px solid var(--line);cursor:pointer;color:var(--ink);font:inherit;background:0 0;border-radius:10px;gap:2px;padding:0 0 10px;display:grid;overflow:hidden}.swatch i{height:72px;box-shadow:inset 0 -1px 0 var(--line);margin-bottom:8px;display:block}.swatch b,.swatch code,.swatch span{padding:0 10px}.swatch b{font-size:13px}.swatch code{color:var(--ink-2);font-size:12px}.swatch span{font-size:11.5px;line-height:1.35}.type-list{display:grid}.type-row{border-top:1px solid var(--line);grid-template-columns:220px minmax(0,1fr);align-items:center;gap:20px;padding:16px 0;display:grid}.type-row:first-child{border-top:0}@media (width<=760px){.type-row{grid-template-columns:1fr}}.type-meta{gap:2px;display:grid}.type-meta code{color:var(--ink-2);font-size:11.5px}.type-sample{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.sections-strip{gap:10px;padding-bottom:6px;display:flex;overflow-x:auto}.sections-strip figure{flex:0 0 260px;margin:0}.sections-strip img{object-fit:cover;object-position:top;border:1px solid var(--line);border-radius:8px;width:100%;height:170px;display:block}.sections-strip figcaption{color:var(--ink-2);margin-top:6px;font-size:12px}.radii{flex-wrap:wrap;gap:14px;display:flex}.radius{justify-items:center;gap:6px;display:grid}.radius i{border:2px solid var(--ink);width:64px;height:44px;display:block}.radius code{color:var(--ink-2);font-size:11px}.scroll{overflow-x:auto}.matrix{border-collapse:collapse;background:var(--panel);border:1px solid var(--line);border-radius:var(--r);width:100%;font-size:13px;overflow:hidden}.matrix th,.matrix td{text-align:left;border-bottom:1px solid var(--line);vertical-align:top;padding:9px 12px}.matrix th{font:600 11px var(--mono);text-transform:uppercase;letter-spacing:.06em;color:var(--ink-3);background:var(--chip)}.matrix td.n{white-space:nowrap;font-weight:600}.matrix tbody tr{cursor:pointer}.matrix tbody tr:hover td{background:var(--chip)}.matrix .chip{margin:0 4px 4px 0}.pt{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);scroll-margin-top:80px;overflow:hidden}.pt>header{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:14px 18px;display:flex}.pt>header h2{margin:0}.pt-body{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);display:grid}@media (width<=860px){.pt-body{grid-template-columns:1fr}}.pt-hero{border-right:1px solid var(--line);background:#000;max-height:460px;overflow:hidden}.pt-hero img{width:100%;display:block}.pt-spec{color:var(--ink-2);padding:16px 18px;font-size:13px}.pt-spec h4,.pack h4{font:600 11px var(--mono);text-transform:uppercase;letter-spacing:.07em;color:var(--ink-3);margin:14px 0 6px}.pt-spec h4:first-child{margin-top:0}.pt-spec ul{margin:0;padding-left:18px}.pt-spec p{margin:0}.pt-spec code{font-size:11.5px}.pt-cards{border-top:1px solid var(--line);grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px;padding:14px 18px;display:grid}.pt-cards figure{margin:0}.pt-cards img{object-fit:cover;object-position:top left;background:#000;border-radius:8px;width:100%;height:150px;display:block}.pt-cards figcaption{color:var(--ink-2);margin-top:6px;font-size:12px}.filters{flex-wrap:wrap;gap:6px;display:flex}.filters button{border:1px solid var(--line);background:var(--panel);color:var(--ink-2);font:13px var(--sans);cursor:pointer;border-radius:999px;padding:5px 12px}.filters button span{color:var(--ink-3);margin-left:4px;font-size:12px}.filters button[aria-pressed=true]{background:var(--ink);color:var(--bg);border-color:var(--ink)}.filters button[aria-pressed=true] span{color:inherit;opacity:.7}.asset-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;display:grid}.asset{background:var(--panel);border:1px solid var(--line);border-radius:10px;margin:0;overflow:hidden}.asset-media{background:repeating-conic-gradient(var(--chip) 0 25%, transparent 0 50%) 0 0 / 16px 16px;place-items:center;height:150px;padding:10px;display:grid}.asset.on-dark .asset-media{background:#16161a}.asset-media img,.asset-media video{object-fit:contain;max-width:100%;max-height:100%;display:block}.asset figcaption{gap:2px;padding:8px 10px;font-size:12.5px;display:grid}.font-list{margin:0;padding:0;list-style:none;display:grid}.font-list li{border-top:1px solid var(--line);grid-template-columns:180px 120px 1fr;gap:12px;padding:8px 0;font-size:13px;display:grid}.pack{grid-template-columns:260px minmax(0,1fr);align-items:start;gap:16px;display:grid}@media (width<=860px){.pack{grid-template-columns:1fr}}.pack aside{max-height:calc(100vh - 96px);position:sticky;top:76px;overflow:auto}.pack aside p{margin:0 0 6px}.pack ul{margin:0;padding:0;list-style:none}.pack li button{text-align:left;width:100%;font:13px var(--mono);color:var(--ink-2);cursor:pointer;background:0 0;border:0;border-radius:6px;justify-content:space-between;gap:8px;padding:6px 8px;display:flex}.pack li button span{color:var(--ink-3);font-size:11px}.pack li button[aria-pressed=true]{background:var(--chip);color:var(--ink)}.md{font-size:14.5px;line-height:1.65;display:block;overflow-x:auto}.md h1{font-size:24px}.md h2{margin-top:26px;font-size:19px}.md h3{margin-top:20px;font-size:16px}.md table{border-collapse:collapse;width:100%;margin:10px 0;font-size:13px;display:block;overflow-x:auto}.md th,.md td{border:1px solid var(--line);text-align:left;vertical-align:top;padding:6px 8px}.md th{background:var(--chip)}.md code{background:var(--chip);border-radius:4px;padding:1px 5px;font-size:12.5px}.md pre{background:var(--chip);border-radius:8px;padding:12px;overflow-x:auto}.md pre code{background:0 0;padding:0}.md blockquote{border-left:3px solid var(--line);color:var(--ink-2);margin:10px 0;padding-left:14px}.md img{border-radius:8px;max-width:100%}.md .md-file{font:12.5px var(--mono);background:var(--chip);border-radius:4px;padding:1px 6px;text-decoration:none}.secret.plain{background:var(--chip)}.panel h2 .chip,.panel h2 .muted{vertical-align:middle;margin-left:8px;font-weight:500}.stage{align-items:center;gap:7px;display:inline-flex}.pulse{background:var(--warn);border-radius:50%;width:7px;height:7px;animation:1.2s ease-in-out infinite pulse;display:inline-block}@keyframes pulse{50%{opacity:.25}}@media (prefers-reduced-motion:reduce){.pulse{animation:none}}.steps{text-align:left;color:var(--ink-3);gap:6px;margin:10px 0 6px;padding:0;font-size:14px;list-style:none;display:grid}.steps li{align-items:center;gap:10px;display:flex}.steps li:before{content:"";border:1.5px solid var(--line);border-radius:50%;flex:none;width:14px;height:14px}.steps li.done{color:var(--ink-2)}.steps li.done:before{background:var(--good);border-color:var(--good)}.steps li.now{color:var(--ink);font-weight:500}.steps li.now:before{border-color:var(--warn);background:var(--warn);animation:1.2s ease-in-out infinite pulse}.notice{border-radius:var(--r-sm);background:var(--chip);color:var(--ink-2);margin:0;padding:10px 14px;font-size:13.5px}.spacing{grid-template-columns:1fr 1fr;gap:24px;display:grid}@media (width<=760px){.spacing{grid-template-columns:1fr}}.spacing h4{font:600 11px var(--mono);text-transform:uppercase;letter-spacing:.07em;color:var(--ink-3);margin:0 0 8px}.sp-row{grid-template-columns:40px 1fr;align-items:center;gap:10px;margin:5px 0;display:grid}.sp-row code{color:var(--ink-2);text-align:right;font-size:12px}.sp-row i{opacity:.75;background:#ff5c39;border-radius:3px;max-width:100%;height:12px;display:block}.comp-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px;display:grid}.specimen{border:1px solid var(--line);border-radius:10px;margin:0;overflow:hidden}.specimen-stage{place-items:center;min-height:110px;padding:20px;display:grid}.specimen figcaption{background:var(--panel);border-top:1px solid var(--line);gap:2px;padding:8px 10px;font-size:12.5px;display:grid}.specimen figcaption code{color:var(--ink-2);font-size:11px}.shadow-tile{border-radius:10px;border:0!important}.layout{gap:14px;display:grid}.layout-svg{width:100%;height:auto;color:var(--ink);border-radius:8px}.layout-svg .ld-t{font:600 22px var(--mono);fill:var(--ink-2)}.layout-facts{border-top:0;grid-template-columns:repeat(3,1fr);padding-top:0}@media (width<=760px){.layout-facts{grid-template-columns:1fr 1fr}}.ov-shot{position:relative}.theme-toggle{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0000008c;border-radius:999px;gap:2px;padding:3px;display:flex;position:absolute;top:10px;right:10px}.theme-toggle button{color:#fff;font:500 12px var(--sans);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:5px 11px}.theme-toggle button[aria-pressed=true]{color:#111;background:#fff}.pairs{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:6px 16px;display:grid}.pair{border-top:1px solid var(--line);grid-template-rows:auto auto;grid-template-columns:auto 1fr;align-items:center;column-gap:10px;padding:6px 0;display:grid}.pair-sw{grid-row:span 2;display:flex}.pair-sw i{width:22px;height:22px;display:block;box-shadow:inset 0 0 0 1px #7f7f7f59}.pair-sw i:first-child{border-radius:6px 0 0 6px}.pair-sw i:last-child{border-radius:0 6px 6px 0}.pair code{font-size:12px}