.thead[data-astro-cid-docpsu6h]{padding:clamp(32px,5vw,52px) clamp(18px,4vw,40px) 24px}.badges[data-astro-cid-docpsu6h]{margin-top:14px;display:flex;gap:8px;flex-wrap:wrap}.tool-wrap[data-astro-cid-docpsu6h]{display:grid;grid-template-columns:1fr 360px;gap:24px;align-items:start}.tool-wrap[data-astro-cid-docpsu6h]>[data-astro-cid-docpsu6h]{min-width:0}@media(max-width:860px){.tool-wrap[data-astro-cid-docpsu6h]{grid-template-columns:1fr}}.stage[data-astro-cid-docpsu6h]{display:flex;flex-direction:column;gap:16px;padding:20px;background:var(--paper-2);border-radius:var(--radius);border:1px solid var(--line)}.tabs[data-astro-cid-docpsu6h]{align-self:flex-start}.bigmix[data-astro-cid-docpsu6h]{height:150px;border-radius:14px;display:grid;place-items:end start;padding:12px 14px;font-family:var(--font-mono);font-size:13px;font-weight:700;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.55);box-shadow:inset 0 0 0 1px #0a0a0f1a}.cap[data-astro-cid-docpsu6h]{margin:0;font-size:13px;line-height:1.55;color:var(--ink-500)}.ramps[data-astro-cid-docpsu6h]{display:grid;gap:8px}.ramps[data-astro-cid-docpsu6h] .ramp{display:grid;grid-template-columns:64px 1fr;align-items:center;gap:10px}.ramps[data-astro-cid-docpsu6h] .ramp span{font-family:var(--font-mono);font-size:11.5px;color:var(--ink-500)}.ramps[data-astro-cid-docpsu6h] .ramp.on span{color:var(--ink);font-weight:700}.ramps[data-astro-cid-docpsu6h] .ramp>div{display:grid;grid-template-columns:repeat(11,1fr);height:34px;border-radius:9px;overflow:hidden;box-shadow:inset 0 0 0 1px #0a0a0f1a}.ramps[data-astro-cid-docpsu6h] .ramp.on>div{outline:2px solid var(--ink);outline-offset:2px}.ramps[data-astro-cid-docpsu6h] i{display:block}.states[data-astro-cid-docpsu6h]{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}.states[data-astro-cid-docpsu6h] .st{display:flex;flex-direction:column;gap:3px;min-width:0}.states[data-astro-cid-docpsu6h] .st i{display:block;height:58px;border-radius:11px;box-shadow:inset 0 0 0 1px #0a0a0f1f;background-image:linear-gradient(45deg,#ddd 25%,transparent 25%,transparent 75%,#ddd 75%),linear-gradient(45deg,#ddd 25%,transparent 25%,transparent 75%,#ddd 75%);background-size:12px 12px;background-position:0 0,6px 6px;background-blend-mode:normal}.states[data-astro-cid-docpsu6h] .st b{font-family:var(--font-mono);font-size:11.5px;margin-top:4px}.states[data-astro-cid-docpsu6h] .st code{font-family:var(--font-mono);font-size:11px;color:var(--ink-600)}.states[data-astro-cid-docpsu6h] .st em{font-style:normal;font-size:11.5px;color:var(--ink-500)}.demo-ui[data-astro-cid-docpsu6h]{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:16px;border-radius:12px;background:#fff;border:1px solid var(--line)}.d-btn[data-astro-cid-docpsu6h]{font:inherit;font-weight:700;font-size:14px;padding:11px 18px;border-radius:10px;border:0;cursor:pointer;background:var(--brand);color:var(--on-brand,#fff)}.d-btn[data-astro-cid-docpsu6h]:hover{background:var(--brand-hover)}.d-btn[data-astro-cid-docpsu6h]:active{background:var(--brand-active)}.d-chip[data-astro-cid-docpsu6h]{font-size:12.5px;font-weight:700;padding:6px 11px;border-radius:999px;background:var(--brand-subtle);color:var(--brand)}.d-card[data-astro-cid-docpsu6h]{font-size:13px;padding:11px 13px;border-radius:10px;border:1.5px solid var(--brand-border);color:var(--brand-muted);max-width:30ch}.panel[data-astro-cid-docpsu6h]{background:var(--cream);border:1px solid var(--line);border-radius:var(--radius);padding:18px;display:flex;flex-direction:column;gap:13px;box-shadow:var(--shadow-card)}#ctl-mix[data-astro-cid-docpsu6h],#ctl-rel[data-astro-cid-docpsu6h]{display:flex;flex-direction:column;gap:13px}#ctl-mix[data-astro-cid-docpsu6h][hidden],#ctl-rel[data-astro-cid-docpsu6h][hidden]{display:none}.seg[data-astro-cid-docpsu6h]{display:flex;gap:5px}.seg[data-astro-cid-docpsu6h] button[data-astro-cid-docpsu6h]{padding:7px 13px;border:1px solid var(--line);background:var(--paper);border-radius:8px;font-weight:600;font-size:12.5px;cursor:pointer;font-family:var(--font-body)}.seg[data-astro-cid-docpsu6h] button[data-astro-cid-docpsu6h].on{background:var(--ink);color:#fff;border-color:var(--ink)}.two[data-astro-cid-docpsu6h]{display:grid;grid-template-columns:1fr 1fr;gap:10px}.ctrl[data-astro-cid-docpsu6h]{display:flex;flex-direction:column;gap:6px;min-width:0}.ctrl[data-astro-cid-docpsu6h] label[data-astro-cid-docpsu6h]{font-weight:600;font-size:12.5px;display:flex;justify-content:space-between;gap:6px}.ctrl[data-astro-cid-docpsu6h] select[data-astro-cid-docpsu6h]{width:100%;font:inherit;font-size:13.5px;padding:8px 10px;border:1px solid var(--line);border-radius:9px;background:#fff;color:var(--ink)}.ctrl[data-astro-cid-docpsu6h] input[data-astro-cid-docpsu6h][type=color]{width:100%;height:42px;padding:3px;border:1px solid var(--line);border-radius:9px;background:#fff;cursor:pointer}.mono[data-astro-cid-docpsu6h]{font-family:var(--font-mono);font-size:12px;color:var(--ink-soft);font-weight:500}input[data-astro-cid-docpsu6h][type=range]{width:100%;accent-color:var(--accent)}.out-head[data-astro-cid-docpsu6h]{display:flex;justify-content:space-between;align-items:center;margin:4px 0 8px}.copy[data-astro-cid-docpsu6h]{padding:5px 14px;border:0;border-radius:8px;background:var(--accent);color:#fff;font-weight:700;font-size:12px;cursor:pointer}.out[data-astro-cid-docpsu6h] pre[data-astro-cid-docpsu6h]{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}.sup[data-astro-cid-docpsu6h]{margin:0;padding:10px 12px;border-radius:10px;font-size:12.5px;line-height:1.5;color:#7a3e04;background:#d977061a;border:1px solid rgba(217,119,6,.3)}.explain[data-astro-cid-docpsu6h]{margin-top:48px}