.scf-root{position:absolute;inset:0;overflow:hidden;display:flex;align-items:center;justify-content:center;--scf-ph-1: var(--color-border);--scf-ph-2: color-mix(in oklab, var(--color-fg) 8%, var(--color-bg))}.scf-stage{width:980px;height:384px;position:relative;flex:none;transform-origin:center center}.scf-grid{display:grid;grid-template-columns:440px 40px 1fr;align-items:stretch}.scf-page{height:384px;border:1px solid var(--color-border);overflow:hidden;display:flex;flex-direction:column;background:var(--color-card)}.scf-top{height:32px;flex:none;display:flex;align-items:center;gap:6px;padding:0 13px;border-bottom:1px solid var(--color-border)}.scf-dot{width:7px;height:7px;background:var(--color-border)}.scf-url{margin-left:7px;flex:1;font:500 11px var(--font-mono);color:var(--color-muted-fg);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.scf-body{position:relative;flex:1;padding:14px 16px;overflow:hidden}.scf-cols{display:grid;grid-template-columns:160px 1fr;gap:16px}.scf-img{height:128px;background:var(--scf-ph-2);border:1px solid var(--color-border);display:flex;align-items:center;justify-content:center;font:500 9px var(--font-mono);color:var(--color-muted-fg);letter-spacing:.12em}.scf-thumbs{margin-top:7px;display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.scf-thumb{height:32px;background:var(--scf-ph-2);border:1px solid var(--color-border)}.scf-thumb.active{border:1.5px solid var(--color-fg)}.scf-crumb{font:500 10px var(--font-mono);color:var(--color-muted-fg);letter-spacing:.04em}.scf-hl{position:relative;margin-top:4px;padding:2px 5px 2px 9px}.scf-tick{position:absolute;left:0;top:2px;bottom:2px;width:2px;background:var(--color-teal)}.scf-title{font:700 16px var(--font-mono);color:var(--color-fg)}.scf-stars{margin-top:6px;display:flex;align-items:center;gap:7px}.scf-star-row{font:500 11px var(--font-mono);letter-spacing:1.5px;color:var(--color-fg)}.scf-star-off{color:var(--color-border)}.scf-muted{font:500 11px var(--font-mono);color:var(--color-muted-fg)}.scf-price-row{margin-top:8px;display:flex;align-items:baseline;gap:8px}.scf-price{font:700 18px var(--font-mono);color:var(--color-fg)}.scf-was{font:500 12px var(--font-mono);color:var(--color-muted-fg);text-decoration:line-through}.scf-off{font:600 10px var(--font-mono);color:var(--color-teal-ink)}.scf-avail{margin-top:7px;display:flex;align-items:center;gap:7px}.scf-avail-dot{width:6px;height:6px;background:var(--color-teal)}.scf-avail-txt{font:600 13px var(--font-mono);color:var(--color-body)}.scf-sizes{margin-top:9px;display:flex;align-items:center;gap:8px}.scf-size{min-width:24px;text-align:center;padding:2px 0;border:1px solid var(--color-border);font:600 10px var(--font-mono);color:var(--color-muted-fg)}.scf-size.active{border:1.5px solid var(--color-fg);color:var(--color-fg)}.scf-cart{margin-top:10px;height:30px;background:var(--color-teal);display:flex;align-items:center;justify-content:center;font:600 12px var(--font-mono);color:#fff}.scf-rule{margin-top:13px;border-top:1px dashed var(--color-border)}.scf-feats{margin-top:11px;padding:4px 5px 4px 9px}.scf-feats .scf-tick{top:3px;bottom:3px}.scf-feats-label{font:600 10px var(--font-mono);color:var(--color-muted-fg);letter-spacing:.08em}.scf-feats-list{margin-top:5px;display:flex;flex-direction:column;gap:3px;font:500 12px var(--font-mono);color:var(--color-body)}.scf-sweep{position:absolute;left:0;right:0;top:0;height:2px;background:var(--color-teal);box-shadow:0 0 14px 2px var(--color-teal),0 0 40px 12px color-mix(in oklab,var(--color-teal) 16%,transparent)}.scf-arrow{display:flex;align-items:center;justify-content:center;font:700 18px var(--font-mono);color:var(--color-teal-ink)}.scf-console{height:384px;background:var(--color-ink);overflow:hidden;display:flex;flex-direction:column}.scf-chead{height:32px;flex:none;display:flex;align-items:center;justify-content:space-between;padding:0 16px;border-bottom:1px solid oklch(1 0 0 / .08);font:600 12px var(--font-mono);color:#7f7f87}.scf-post{color:var(--color-code-keyword);font-weight:700}.scf-tag{color:var(--color-code-keyword)}.scf-code{flex:1;min-height:0;padding:16px 18px 8px;font:400 15px var(--font-mono);line-height:1.82;overflow:hidden}.scf-cfoot{height:30px;flex:none;display:flex;align-items:center;justify-content:space-between;padding:0 16px;border-top:1px solid oklch(1 0 0 / .08);font:600 11px var(--font-mono);color:#62626a}.section-intro[data-astro-cid-h2wub6cc]{margin:26px 0 0}.hero-flow[data-astro-cid-h2wub6cc]{max-width:820px;margin:44px auto 0;padding:0 var(--spacing-pad)}.hero-flow-frame[data-astro-cid-h2wub6cc]{position:relative;width:100%;aspect-ratio:980 / 384}.flow-caption[data-astro-cid-h2wub6cc]{margin:14px 0 0;display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;font-family:var(--font-mono);font-size:12.5px;color:var(--color-body)}.flow-caption[data-astro-cid-h2wub6cc] .dot[data-astro-cid-h2wub6cc]{color:var(--color-border)}.flow-caption[data-astro-cid-h2wub6cc] .ok[data-astro-cid-h2wub6cc]{color:var(--color-teal-ink)}.env-note[data-astro-cid-h2wub6cc]{margin:16px 0 0;font-family:var(--font-mono);font-size:12px;line-height:1.6;color:var(--color-muted-fg)}.env-note[data-astro-cid-h2wub6cc]+.env-note[data-astro-cid-h2wub6cc]{margin-top:8px}.env-note[data-astro-cid-h2wub6cc] .ep[data-astro-cid-h2wub6cc]{font-size:inherit}.pane-foot[data-astro-cid-h2wub6cc]{display:flex;align-items:center;gap:8px;padding:11px 15px;border-top:1px solid oklch(1 0 0 / .08);font-family:var(--font-mono);font-size:12px;color:#b6b6bf}.foot-dot[data-astro-cid-h2wub6cc]{flex:none;width:7px;height:7px;background:#717177}.foot-dot[data-astro-cid-h2wub6cc].ok{background:var(--color-teal)}.vs-grid[data-astro-cid-h2wub6cc] .cell[data-astro-cid-h2wub6cc] h3[data-astro-cid-h2wub6cc]{display:flex;align-items:baseline;gap:10px}.vs-kind[data-astro-cid-h2wub6cc]{font-family:var(--font-mono);font-size:11px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--color-muted-fg)}.vs-grid[data-astro-cid-h2wub6cc] .cell[data-astro-cid-h2wub6cc] p[data-astro-cid-h2wub6cc].vs-lead{font-weight:600;color:var(--color-fg)}.scope-rows[data-astro-cid-h2wub6cc]{margin-top:4px}.scope-row[data-astro-cid-h2wub6cc]{display:flex;align-items:flex-start;gap:11px;padding:11px 0;border-bottom:1px dashed var(--color-border)}.scope-row[data-astro-cid-h2wub6cc]:last-child{border-bottom:0}.scope-mark[data-astro-cid-h2wub6cc]{flex:none;font-family:var(--font-mono);font-size:13px;line-height:1.55;color:var(--color-teal-ink)}.scope-mark[data-astro-cid-h2wub6cc].no{color:var(--color-muted-fg)}.scope-copy[data-astro-cid-h2wub6cc]{font-size:14.5px;line-height:1.55;color:var(--color-fg)}.scope-copy[data-astro-cid-h2wub6cc].muted{font-size:14px;color:var(--color-muted-fg)}.trust-block[data-astro-cid-h2wub6cc]{padding:16px 0;border-bottom:1px dashed var(--color-border)}.trust-block[data-astro-cid-h2wub6cc]:first-child{padding-top:0}.trust-block[data-astro-cid-h2wub6cc]:last-child{padding-bottom:0;border-bottom:0}.honest-grid[data-astro-cid-h2wub6cc] .cell[data-astro-cid-h2wub6cc].mock-cell{padding:0}.honest-grid[data-astro-cid-h2wub6cc] .cell[data-astro-cid-h2wub6cc] .pane[data-astro-cid-h2wub6cc]{height:100%;display:flex;flex-direction:column;box-shadow:none}.honest-grid[data-astro-cid-h2wub6cc] .cell[data-astro-cid-h2wub6cc] .pane[data-astro-cid-h2wub6cc] .code[data-astro-cid-h2wub6cc]{flex:1}