.thead[data-astro-cid-gb3ck6c3]{padding:clamp(32px,5vw,52px) clamp(18px,4vw,40px) 24px}.tool-wrap[data-astro-cid-gb3ck6c3]{display:grid;grid-template-columns:1fr 380px;gap:24px;align-items:start}.tool-wrap[data-astro-cid-gb3ck6c3]>[data-astro-cid-gb3ck6c3]{min-width:0}@media(max-width:820px){.tool-wrap[data-astro-cid-gb3ck6c3]{grid-template-columns:1fr}}.stage[data-astro-cid-gb3ck6c3]{min-height:420px;display:grid;place-items:center;background:var(--paper-2);border-radius:var(--radius);border:1.5px solid var(--line)}.preview-box[data-astro-cid-gb3ck6c3]{width:170px;height:170px;border-radius:24px;background:var(--cream);display:grid;place-items:center;font-family:var(--font-display);font-size:42px;color:var(--ink)}.panel[data-astro-cid-gb3ck6c3]{background:var(--cream);border:1.5px solid var(--line);border-radius:var(--radius);padding:20px;display:flex;flex-direction:column;gap:18px}.row[data-astro-cid-gb3ck6c3]{display:flex;flex-direction:column;gap:9px}.row[data-astro-cid-gb3ck6c3]>label[data-astro-cid-gb3ck6c3]{font-weight:700;font-size:13px}.mono[data-astro-cid-gb3ck6c3]{font-family:var(--font-mono);font-size:12px;color:var(--ink-soft);font-weight:500}.layers[data-astro-cid-gb3ck6c3]{display:flex;flex-direction:column;gap:6px}.layer[data-astro-cid-gb3ck6c3]{display:flex;align-items:center;gap:9px;padding:8px 10px;border:1.5px solid var(--line);background:var(--paper);border-radius:10px;font-weight:600;font-size:13px;cursor:pointer;font-family:var(--font-body);text-align:left}.layer[data-astro-cid-gb3ck6c3].on{border-color:var(--accent);background:#4f46e514}.layer[data-astro-cid-gb3ck6c3] .sw[data-astro-cid-gb3ck6c3]{width:16px;height:16px;border-radius:5px;border:1px solid var(--line)}.layer[data-astro-cid-gb3ck6c3] .lx[data-astro-cid-gb3ck6c3]{margin-left:auto;color:var(--ink-soft);font-size:12px}.addbtn[data-astro-cid-gb3ck6c3]{align-self:flex-start;padding:7px 14px;border:1.5px dashed var(--line);background:none;border-radius:10px;font-weight:600;font-size:13px;cursor:pointer;font-family:var(--font-body);color:var(--ink-soft)}.addbtn[data-astro-cid-gb3ck6c3]:hover{border-color:var(--violet);color:var(--violet)}.editor[data-astro-cid-gb3ck6c3]{border:1.5px solid var(--line);border-radius:12px;padding:14px;display:flex;flex-direction:column;gap:12px}.editor[data-astro-cid-gb3ck6c3] legend[data-astro-cid-gb3ck6c3]{padding:0 6px}.ctrl[data-astro-cid-gb3ck6c3]{display:flex;flex-direction:column;gap:6px}.ctrl[data-astro-cid-gb3ck6c3] label[data-astro-cid-gb3ck6c3]{font-weight:600;font-size:12.5px;display:flex;justify-content:space-between}.ctrl[data-astro-cid-gb3ck6c3].two{flex-direction:row;gap:14px}.ctrl[data-astro-cid-gb3ck6c3].two>div[data-astro-cid-gb3ck6c3]{flex:1;display:flex;flex-direction:column;gap:6px}input[data-astro-cid-gb3ck6c3][type=range]{width:100%;accent-color:var(--violet)}input[data-astro-cid-gb3ck6c3][type=color]{width:100%;height:34px;border:1.5px solid var(--line);border-radius:9px;background:none;cursor:pointer;padding:2px}.inset[data-astro-cid-gb3ck6c3]{display:flex;align-items:center;gap:8px;font-weight:600;font-size:13px;cursor:pointer}.out-head[data-astro-cid-gb3ck6c3]{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.copy[data-astro-cid-gb3ck6c3]{padding:5px 14px;border:0;border-radius:8px;background:var(--grad);color:#fff;font-weight:700;font-size:12px;cursor:pointer}.out[data-astro-cid-gb3ck6c3] pre[data-astro-cid-gb3ck6c3]{margin:0}.explain[data-astro-cid-gb3ck6c3],.bs-ex[data-astro-cid-gb3ck6c3]{margin-top:48px}.bs-ex[data-astro-cid-gb3ck6c3] h2[data-astro-cid-gb3ck6c3]{font-size:22px;margin:0 0 6px}.bs-ex-sub[data-astro-cid-gb3ck6c3]{font-size:14.5px;line-height:1.65;color:var(--ink-500,#5B6472);max-width:70ch;margin:0 0 18px}.bs-ex-sub[data-astro-cid-gb3ck6c3] code[data-astro-cid-gb3ck6c3]{font-family:var(--font-mono);font-size:12.5px}.bs-ex-grid[data-astro-cid-gb3ck6c3]{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}.bs-ex-theme[data-astro-cid-gb3ck6c3]{border:1.5px solid var(--line);border-radius:14px;padding:16px;background:var(--paper-2,#f7f7fa)}.bs-ex-name[data-astro-cid-gb3ck6c3]{display:flex;justify-content:space-between;align-items:baseline;font-weight:700;font-size:14px;text-decoration:none;color:inherit;margin-bottom:14px}.bs-ex-name[data-astro-cid-gb3ck6c3] span[data-astro-cid-gb3ck6c3]{font-family:var(--font-mono);font-size:10.5px;color:var(--ink-400);font-weight:600}.bs-ex-row[data-astro-cid-gb3ck6c3]{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.bs-ex-sw[data-astro-cid-gb3ck6c3]{aspect-ratio:1;border:0;border-radius:12px;background:#fff;font:700 11px/1 var(--font-mono);color:var(--ink-500);cursor:pointer;transition:transform .12s}.bs-ex-sw[data-astro-cid-gb3ck6c3]:hover{transform:translateY(-2px)}