.head[data-astro-cid-lrdb6cis]{padding-top:clamp(32px,5vw,64px);padding-bottom:clamp(32px,4vw,56px)}.meta[data-astro-cid-lrdb6cis]{border-bottom:1px solid var(--rule-strong);margin-bottom:24px;padding-bottom:18px}.head[data-astro-cid-lrdb6cis] .title{margin:0;font-size:clamp(46px,8vw,128px)}.sub[data-astro-cid-lrdb6cis]{color:#e8f3ffcc;max-width:52ch;margin:24px 0 0;font-size:clamp(17px,1.4vw,20px)}.tool[data-astro-cid-lrdb6cis]{grid-template-columns:minmax(0,1.25fr) minmax(320px,1fr);align-items:start;gap:16px;display:grid}.stage-col[data-astro-cid-lrdb6cis]{gap:16px;display:grid;position:sticky;top:92px}.stage[data-astro-cid-lrdb6cis]{--bg:#1b2433;background:var(--bg);height:clamp(280px,38vw,460px);position:relative;overflow:hidden}.stage[data-astro-cid-lrdb6cis][data-bg=dark]{--bg:radial-gradient(circle at 50% 40%, #2a3446, #121a27)}.stage[data-astro-cid-lrdb6cis][data-bg=light]{--bg:linear-gradient(180deg, #d9dde3, #b7bec8)}.stage[data-astro-cid-lrdb6cis][data-bg=sky]{--bg:linear-gradient(180deg, #8fc3ea, #d7e9f5 70%, #c8b79a 70%, #a8977b)}.stage[data-astro-cid-lrdb6cis][data-bg=warm]{--bg:linear-gradient(135deg, #c98b5a, #e6c08f 50%, #7d5a44)}.stage[data-astro-cid-lrdb6cis] canvas[data-astro-cid-lrdb6cis]{width:100%;height:100%;position:absolute;inset:0}.stage-bar[data-astro-cid-lrdb6cis]{justify-content:space-between;gap:8px;display:flex;position:absolute;bottom:12px;left:12px;right:12px}.stage-bar[data-astro-cid-lrdb6cis] .seg[data-astro-cid-lrdb6cis]{background:#050912bf}.code[data-astro-cid-lrdb6cis]{gap:10px;padding:20px;display:grid}.code-row[data-astro-cid-lrdb6cis]{gap:8px;display:flex}.code-row[data-astro-cid-lrdb6cis] input[data-astro-cid-lrdb6cis]{min-width:0;height:46px;color:var(--paper);border:1px solid var(--rule-strong);font:500 13px var(--mono);background:#00000059;border-radius:0;flex:1;padding:0 12px}.code-row[data-astro-cid-lrdb6cis] input[data-astro-cid-lrdb6cis][readonly]{color:var(--signal)}.code-row[data-astro-cid-lrdb6cis] input[data-astro-cid-lrdb6cis]:focus{border-color:var(--signal);outline:none}.code-row[data-astro-cid-lrdb6cis] .btn[data-astro-cid-lrdb6cis]{min-height:46px;padding:0 20px;font-size:12px}.msg[data-astro-cid-lrdb6cis]{text-transform:none;letter-spacing:.02em;min-height:14px;margin:0}.msg[data-astro-cid-lrdb6cis][data-state=ok]{color:var(--good)}.msg[data-astro-cid-lrdb6cis][data-state=error]{color:var(--warn)}.use[data-astro-cid-lrdb6cis]{justify-self:start}.controls[data-astro-cid-lrdb6cis]{padding:6px 22px 16px}.body[data-astro-cid-lrdb6cis]{padding-top:clamp(72px,8vw,120px)}.body[data-astro-cid-lrdb6cis].last{padding-bottom:clamp(72px,8vw,120px)}.presets[data-astro-cid-lrdb6cis]{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.preset[data-astro-cid-lrdb6cis] canvas[data-astro-cid-lrdb6cis]{background:radial-gradient(circle at 50% 40%,#2a3446,#121a27);width:100%;height:120px}.p-body[data-astro-cid-lrdb6cis]{gap:8px;padding:14px 16px 16px;display:grid}.p-body[data-astro-cid-lrdb6cis] b[data-astro-cid-lrdb6cis]{font:italic 900 18px/1 var(--display);text-transform:uppercase}.p-body[data-astro-cid-lrdb6cis] code[data-astro-cid-lrdb6cis]{text-overflow:ellipsis;white-space:nowrap;font:500 11px var(--mono);color:var(--muted);overflow:hidden}.p-actions[data-astro-cid-lrdb6cis]{gap:8px;display:flex}.p-actions[data-astro-cid-lrdb6cis] .btn[data-astro-cid-lrdb6cis]{min-height:38px;padding:0 16px;font-size:11px}.steps[data-astro-cid-lrdb6cis]{grid-template-columns:repeat(4,1fr);gap:12px;margin:0;padding:0;list-style:none;display:grid}.steps[data-astro-cid-lrdb6cis] li[data-astro-cid-lrdb6cis]{gap:12px;padding:20px;font-size:16px;display:grid}.steps[data-astro-cid-lrdb6cis] .num[data-astro-cid-lrdb6cis]{color:var(--signal);font-size:12px}.faq[data-astro-cid-lrdb6cis]{gap:10px;display:grid}.faq[data-astro-cid-lrdb6cis] details[data-astro-cid-lrdb6cis]{padding:0 22px}.faq[data-astro-cid-lrdb6cis] summary[data-astro-cid-lrdb6cis]{cursor:pointer;padding:20px 0;font-weight:700}.faq[data-astro-cid-lrdb6cis] p[data-astro-cid-lrdb6cis]{color:#e8f3ffbf;margin:-4px 0 20px}@media (width<=960px){.tool[data-astro-cid-lrdb6cis],.steps[data-astro-cid-lrdb6cis]{grid-template-columns:1fr}.stage-col[data-astro-cid-lrdb6cis]{position:static}}