.sb-head{background:var(--paper);padding:40px var(--edge) 56px;display:flex;flex-direction:column;gap:48px}.sb-actions{display:flex;justify-content:space-between;align-items:center;gap:16px}.sb-tag{font:500 var(--fs-n1)/1.2 var(--sans);color:var(--meta)}.sb-title{display:grid;gap:24px}.sb-title h1{font:400 var(--fs-7)/1 var(--serif);color:var(--ink)}.sb-lede{display:grid;gap:16px;font:400 var(--fs-1)/1.35 var(--sans);color:var(--muted);max-width:32em}.sb-meta{margin:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;border-top:1px solid var(--line);padding-top:20px}.sb-meta>div{display:grid;gap:6px;align-content:start}.sb-meta dt{font:400 var(--fs-n1)/1.2 var(--sans);color:var(--meta)}.sb-meta dd{margin:0;font:600 var(--fs-0)/1.3 var(--sans);color:var(--ink)}.sb-sec{padding:56px var(--edge);border-top:1px solid var(--line);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:32px 48px;align-items:start}.sb-h{font:400 var(--fs-4)/1 var(--serif);color:var(--ink)}.sb-copy{display:grid;gap:20px;max-width:34em;font:400 var(--fs-0)/1.5 var(--sans);color:var(--ink)}.sb-stage{background:var(--surface);padding:56px var(--edge) 64px;display:grid;gap:20px}.sb-stage .sb-h,.sb-note-top{text-align:center}.sb-note-top{font:400 var(--fs-0)/1.4 var(--sans);color:var(--muted);max-width:40em;margin-inline:auto}.sb-stage .sb-app,.sb-stage .sb-results{width:100%;max-width:1080px;margin-inline:auto}.sb-app{max-width:1080px;background:#0e0f12;color:#e6e8ee;border-radius:var(--radius-media-sm);overflow:hidden;font:13px/1.4 -apple-system,BlinkMacSystemFont,SF Pro Text,system-ui,sans-serif;box-shadow:0 30px 60px -30px #0810318c}.sb-app button{font:inherit;color:inherit;cursor:pointer}.sb-tbar{height:42px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;background:#16181d;border-bottom:1px solid #262a33}.sb-brand{display:flex;align-items:center;gap:8px}.sb-lights{display:flex;gap:8px;margin-right:14px}.sb-lights i{width:12px;height:12px;border-radius:50%;background:#3a3d45;display:block}.sb-dot{width:10px;height:10px;border-radius:50%;background:linear-gradient(135deg,#6ea8fe,#b07cff)}.sb-brand b{font-weight:600}.sb-brand small{color:#8a92a3;font-size:11px}.sb-sample{font-size:11px;color:#8a92a3;border:1px dashed #262a33;border-radius:6px;padding:3px 8px}.sb-main{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.sb-col{padding:18px 20px;min-width:0;display:grid;gap:12px;align-content:start}.sb-col+.sb-col{border-left:1px solid #262a33}.sb-colhead h3{margin:0;font:600 11px/1 -apple-system,system-ui,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#8a92a3}.sb-urls{width:100%;min-height:200px;resize:none;background:#16181d;color:#c6cad6;border:1px solid #262a33;border-radius:8px;padding:12px;font:12.5px/1.6 ui-monospace,SF Mono,Menlo,Consolas,monospace}.sb-hint{color:#8a92a3;font-size:11.5px}.sb-app fieldset{border:1px solid #262a33;border-radius:8px;padding:10px 12px 12px;margin:0;display:grid;gap:8px;min-width:0}.sb-app legend{font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:#8a92a3;padding:0 6px}.sb-presets{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.sb-preset{text-align:left;background:#1c1f26;border:1px solid #262a33;border-radius:7px;padding:7px 10px;display:grid;gap:1px}.sb-preset small{color:#8a92a3;font-size:11px}.sb-preset[aria-pressed=true]{border-color:#6ea8fe;background:#1b2433;box-shadow:0 0 0 1px #6ea8fe40 inset}.sb-preset:disabled{opacity:.4;cursor:not-allowed}.sb-seg{display:inline-flex;border:1px solid #262a33;border-radius:7px;overflow:hidden;width:max-content}.sb-seg button{background:#1c1f26;border:0;padding:6px 16px;font-size:12px}.sb-seg button+button{border-left:1px solid #262a33}.sb-seg button[aria-pressed=true]{background:#6ea8fe;color:#0b1430}.sb-check{display:flex;gap:8px;align-items:center;font-size:12.5px}.sb-check input{accent-color:#8cc63f;margin:0}.sb-foot{display:flex;gap:16px;align-items:center;padding:12px 20px;background:#16181d;border-top:1px solid #262a33}.sb-progress-wrap{flex:1;min-width:0;display:grid;gap:6px}.sb-progress{height:5px;border-radius:3px;background:#2a2e37;overflow:hidden}.sb-progress i{display:block;height:100%;width:0;background:#6ea8fe;transition:width .25s ease}.sb-status{color:#8a92a3;font-size:11.5px;font-variant-numeric:tabular-nums}.sb-btn-1{background:#6ea8fe;color:#0b1430!important;border:0;border-radius:7px;padding:8px 20px;font-weight:600}.sb-btn-2{background:transparent;border:1px solid #262a33;border-radius:7px;padding:8px 14px}.sb-app button:disabled{opacity:.45;cursor:default}.sb-log{background:#0e0f12;border-top:1px solid #262a33;padding:12px 20px 16px;font:12px/1.7 ui-monospace,SF Mono,Menlo,Consolas,monospace;height:152px;overflow:auto;color:#8a92a3}.sb-log div{white-space:nowrap}.sb-log .ok{color:#4ade80}.sb-log .path{color:#6ea8fe}.sb-log .wrapline{white-space:normal;overflow-wrap:anywhere}.sb-results{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-media-sm);padding:24px;display:grid;gap:20px}.sb-results[hidden]{display:none}.sb-rhead{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap}.sb-rhead h3{font:400 var(--fs-2)/1 var(--serif);color:var(--ink);margin:0}.sb-rhead p{font:400 var(--fs-n1)/1.2 var(--sans);color:var(--muted)}.sb-files{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:16px}.sb-file{display:grid;gap:8px;align-content:start;min-width:0}.sb-thumb{background:#fff;border:1px solid var(--line);border-radius:10px;overflow:hidden;aspect-ratio:4 / 5}.sb-thumb img{width:100%;height:100%;object-fit:cover;object-position:top;display:block}.sb-file.mobile .sb-thumb img{object-fit:contain;background:var(--surface)}.sb-fmeta{display:grid;gap:2px;min-width:0}.sb-fmeta b{font:600 var(--fs-n2)/1.3 var(--sans);overflow-wrap:anywhere}.sb-fmeta span{font:400 var(--fs-n2)/1.3 var(--sans);color:var(--muted)}.sb-dl{justify-self:start;font:500 var(--fs-n2)/1.2 var(--sans);color:var(--green);border:2px solid var(--green);border-radius:999px;padding:5px 14px}@media(hover:hover){.sb-dl:hover{background:var(--green);color:var(--paper)}}.sb-note{font:400 var(--fs-n1)/1.4 var(--sans);color:var(--muted);max-width:52em}.sb-steps{list-style:none;margin:0;padding:0;display:grid}.sb-steps li{padding:0 0 28px;margin-bottom:28px;border-bottom:1px solid var(--line);display:grid;gap:8px;max-width:36em}.sb-steps li:last-child{border-bottom:0;margin-bottom:0;padding-bottom:0}.sb-steps h3{font:400 var(--fs-2)/1.1 var(--serif);color:var(--ink);margin:0}.sb-steps p{font:400 var(--fs-0)/1.5 var(--sans);color:var(--muted)}.sb-want{padding-bottom:96px;background:var(--ink);border-top:0}.sb-want .sb-h,.sb-want .sb-copy{color:var(--paper)}.sb-want .sb-signup label{color:#fbfbf9b3}.sb-want .sb-signup input{background:#fbfbf914;border-color:#fbfbf940;color:var(--paper)}.sb-want .sb-signup input::placeholder{color:#fbfbf973}.sb-want .sb-signup input:focus{border-color:var(--surface)}.sb-want .pill.solid{background:var(--surface);border-color:var(--surface);color:var(--ink)}.sb-want .sb-msg{color:#fbfbf9b3}.sb-want .sb-msg.ok{color:#b6e27a}.sb-want .sb-msg.bad{color:#ff9b94}.sb-signup{display:grid;gap:10px;margin-top:8px}.sb-signup label{font:500 var(--fs-n1)/1.2 var(--sans);color:var(--muted)}.sb-signup-row{display:flex;gap:12px;flex-wrap:wrap}.sb-signup input{flex:1 1 240px;min-width:0;font:400 var(--fs-n1)/1.2 var(--sans);color:var(--ink);background:#fff;border:2px solid var(--line);border-radius:999px;padding:14px 22px}.sb-signup input:focus{outline:none;border-color:var(--green)}.sb-signup button{cursor:pointer}.sb-msg{font:400 var(--fs-n1)/1.3 var(--sans);min-height:1.3em;color:var(--muted)}.sb-msg.bad{color:#b3261e}.sb-msg.ok{color:var(--green)}@media(max-width:1100px){.sb-head,.sb-sec,.sb-stage{padding-inline:40px}}@media(max-width:860px){.sb-sec{grid-template-columns:minmax(0,1fr)}.sb-meta{grid-template-columns:repeat(2,minmax(0,1fr))}.sb-main{grid-template-columns:minmax(0,1fr)}.sb-col+.sb-col{border-left:0;border-top:1px solid #262a33}}@media(max-width:720px){.sb-head{padding:32px 20px 40px;gap:32px}.sb-sec,.sb-stage{padding:40px 20px}.sb-want{padding-bottom:64px}.sb-urls{min-height:130px}.sb-foot{flex-wrap:wrap}.sb-progress-wrap{flex-basis:100%}.sb-lights{display:none}.sb-results{padding:16px}}@media(prefers-reduced-motion:reduce){.sb-progress i{transition:none}}