.page-header[data-astro-cid-qsi3xeef]{padding:36px 24px 28px;border-bottom:1px solid var(--line)}.page-header__inner[data-astro-cid-qsi3xeef]{max-width:760px;margin:0 auto}.page-header__label[data-astro-cid-qsi3xeef]{font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);display:block;margin-bottom:8px}.page-header__h1[data-astro-cid-qsi3xeef]{font-size:clamp(28px,4.8vw,44px);font-weight:900;letter-spacing:-.035em;margin:0 0 12px;line-height:1.05}.page-header__desc[data-astro-cid-qsi3xeef]{font-size:15px;color:var(--ink-2);margin:0;line-height:1.65}.page-header__desc[data-astro-cid-qsi3xeef] strong[data-astro-cid-qsi3xeef]{color:var(--ink)}.tool[data-astro-cid-qsi3xeef]{padding:28px 24px;border-bottom:1px solid var(--line)}.tool__inner[data-astro-cid-qsi3xeef]{max-width:1080px;margin:0 auto;display:flex;flex-direction:column;gap:24px}.ch-layout[data-astro-cid-qsi3xeef]{display:grid;grid-template-columns:minmax(0,360px) 1fr;gap:28px;align-items:start}@media(max-width:760px){.ch-layout[data-astro-cid-qsi3xeef]{grid-template-columns:1fr;gap:24px}}.ch-preview[data-astro-cid-qsi3xeef]{display:flex;flex-direction:column;gap:14px;position:sticky;top:calc(var(--header-h) + 16px)}@media(max-width:760px){.ch-preview[data-astro-cid-qsi3xeef]{position:static}}.ch-preview__bg[data-astro-cid-qsi3xeef]{aspect-ratio:1;border:1px solid var(--line-2);border-radius:12px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:var(--bg)}.ch-preview__bg[data-astro-cid-qsi3xeef][data-bg=dark]{background:#1a1a1a}.ch-preview__bg[data-astro-cid-qsi3xeef][data-bg=light]{background:#888}.ch-preview__bg[data-astro-cid-qsi3xeef][data-bg=dust2]{background:linear-gradient(135deg,#b89b6e,#6b5238)}.ch-preview__bg[data-astro-cid-qsi3xeef][data-bg=mirage]{background:linear-gradient(135deg,#8a7048,#4a3825)}.ch-preview__bg[data-astro-cid-qsi3xeef][data-bg=inferno]{background:linear-gradient(135deg,#6e493b,#3a2520)}.ch-preview__bg[data-astro-cid-qsi3xeef] svg[data-astro-cid-qsi3xeef]{display:block;max-width:100%;height:auto}.ch-bg-row[data-astro-cid-qsi3xeef]{display:flex;flex-wrap:wrap;gap:4px}.ch-bg-btn[data-astro-cid-qsi3xeef]{background:transparent;border:1px solid var(--line-2);color:var(--ink-2);font-family:inherit;font-size:11.5px;padding:5px 10px;border-radius:6px;cursor:pointer;transition:border-color .15s,color .15s,background .15s}.ch-bg-btn[data-astro-cid-qsi3xeef]:hover{border-color:var(--line-3);color:var(--ink)}.ch-bg-btn[data-astro-cid-qsi3xeef].is-selected{background:var(--accent);color:#0c0b0a;border-color:var(--accent);font-weight:700}.ch-presets[data-astro-cid-qsi3xeef]{display:flex;flex-direction:column;gap:6px;padding-top:6px;border-top:1px solid var(--line)}.ch-presets__label[data-astro-cid-qsi3xeef]{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3)}.ch-presets__row[data-astro-cid-qsi3xeef]{display:flex;flex-wrap:wrap;gap:4px}.ch-presets__btn[data-astro-cid-qsi3xeef]{background:var(--surf);border:1px solid var(--line-2);color:var(--ink-2);font-family:inherit;font-size:11.5px;font-weight:600;padding:5px 10px;border-radius:6px;cursor:pointer;transition:border-color .15s,color .15s}.ch-presets__btn[data-astro-cid-qsi3xeef]:hover{border-color:var(--line-3);color:var(--ink)}.ch-presets__btn--reset[data-astro-cid-qsi3xeef]{color:var(--ink-3)}.ch-controls[data-astro-cid-qsi3xeef]{display:flex;flex-direction:column;gap:14px;background:var(--surf);border:1px solid var(--line);border-radius:12px;padding:18px}.ch-row[data-astro-cid-qsi3xeef]{display:flex;flex-direction:column;gap:6px}.ch-row[data-astro-cid-qsi3xeef] label[data-astro-cid-qsi3xeef]{font-size:12px;color:var(--ink-3);font-weight:600;display:flex;justify-content:space-between;align-items:center}.ch-row__v[data-astro-cid-qsi3xeef]{font-family:JetBrains Mono,monospace;font-size:12px;color:var(--ink);background:var(--bg-2);padding:1px 7px;border-radius:4px;border:1px solid var(--line)}.ch-row[data-astro-cid-qsi3xeef] input[data-astro-cid-qsi3xeef][type=range]{width:100%;accent-color:var(--accent)}.ch-select[data-astro-cid-qsi3xeef]{background:var(--surf-2);border:1px solid var(--line-2);color:var(--ink);font-family:inherit;font-size:13px;padding:7px 10px;border-radius:6px;cursor:pointer}.ch-row--toggle[data-astro-cid-qsi3xeef]{flex-direction:row;gap:18px;flex-wrap:wrap}.ch-toggle[data-astro-cid-qsi3xeef]{display:inline-flex;align-items:center;gap:8px;cursor:pointer;font-size:13px;color:var(--ink-2)}.ch-toggle[data-astro-cid-qsi3xeef] input[data-astro-cid-qsi3xeef]{accent-color:var(--accent);cursor:pointer}.ch-colors[data-astro-cid-qsi3xeef]{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.ch-color[data-astro-cid-qsi3xeef]{width:30px;height:30px;border-radius:50%;border:2px solid var(--line-2);cursor:pointer;transition:transform .12s,border-color .12s}.ch-color[data-astro-cid-qsi3xeef]:hover{transform:scale(1.08);border-color:var(--ink)}.ch-color-num[data-astro-cid-qsi3xeef]{width:50px;background:var(--surf-2);border:1px solid var(--line-2);color:var(--ink);font-family:JetBrains Mono,monospace;font-size:12px;padding:5px 7px;border-radius:5px}.ch-output[data-astro-cid-qsi3xeef]{display:flex;flex-direction:column;gap:10px}.ch-output__title[data-astro-cid-qsi3xeef]{font-size:14px;font-weight:800;letter-spacing:-.01em;color:var(--ink);margin:0}.ch-output__code[data-astro-cid-qsi3xeef]{font-family:JetBrains Mono,monospace;font-size:12px;color:var(--ink);background:var(--bg-2);border:1px solid var(--line);padding:14px 16px;border-radius:8px;overflow-x:auto;line-height:1.6;margin:0;word-break:break-word;white-space:pre-wrap}.ch-output__copy[data-astro-cid-qsi3xeef]{background:var(--accent);color:#0c0b0a;border:0;font-family:inherit;font-size:13px;font-weight:800;padding:9px 20px;border-radius:7px;cursor:pointer;transition:opacity .15s,transform .15s;align-self:flex-start}.ch-output__copy[data-astro-cid-qsi3xeef]:hover{opacity:.88;transform:translateY(-1px)}.ch-output__copy--ok[data-astro-cid-qsi3xeef]{background:#4ade80;color:#042a14}.section--prose[data-astro-cid-qsi3xeef]{padding:40px 24px 56px;max-width:760px;margin:0 auto}.prose[data-astro-cid-qsi3xeef]{font-size:15px;color:var(--ink-2);line-height:1.75}.prose[data-astro-cid-qsi3xeef] h2[data-astro-cid-qsi3xeef]{font-size:20px;font-weight:800;color:var(--ink);letter-spacing:-.02em;margin:24px 0 14px}.prose[data-astro-cid-qsi3xeef] h2[data-astro-cid-qsi3xeef]:first-child{margin-top:0}.prose[data-astro-cid-qsi3xeef] p[data-astro-cid-qsi3xeef]{margin:0 0 14px}.prose[data-astro-cid-qsi3xeef] ul[data-astro-cid-qsi3xeef],.prose[data-astro-cid-qsi3xeef] ol[data-astro-cid-qsi3xeef]{padding-left:22px;margin:0 0 14px}.prose[data-astro-cid-qsi3xeef] li[data-astro-cid-qsi3xeef]{margin-bottom:6px}.prose[data-astro-cid-qsi3xeef] code[data-astro-cid-qsi3xeef]{font-family:JetBrains Mono,monospace;font-size:13px;color:var(--ink);background:var(--surf-2);padding:1px 6px;border-radius:3px}.prose[data-astro-cid-qsi3xeef] strong[data-astro-cid-qsi3xeef]{color:var(--ink)}