.viz-grid[data-astro-cid-st63asjw]{display:grid;grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);gap:24px;align-items:start}.viz-panel[data-astro-cid-st63asjw]{display:flex;flex-direction:column;gap:22px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);padding:28px}.viz-fields[data-astro-cid-st63asjw]{display:grid;grid-template-columns:1fr 1fr;gap:16px}.viz-full[data-astro-cid-st63asjw]{grid-column:1 / -1}.viz-text[data-astro-cid-st63asjw]{font-size:18px;font-weight:700;letter-spacing:.02em}.viz-color[data-astro-cid-st63asjw]{display:flex;gap:10px}.viz-color[data-astro-cid-st63asjw] input[data-astro-cid-st63asjw][type=color]{width:58px;min-width:58px;height:50px;padding:5px;background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--r-sm);cursor:pointer}.viz-hex[data-astro-cid-st63asjw]{text-transform:uppercase;font-family:var(--font-mono);font-size:13px}.viz-result[data-astro-cid-st63asjw]{padding:26px}.viz-actions[data-astro-cid-st63asjw]{display:grid;grid-template-columns:1fr 1fr;gap:12px}.viz-preview[data-astro-cid-st63asjw]{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);overflow:hidden}.viz-preview-head[data-astro-cid-st63asjw]{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:20px 24px;border-bottom:1px solid var(--line)}.viz-preview-head[data-astro-cid-st63asjw] b[data-astro-cid-st63asjw]{display:block;font-size:17px;font-weight:700;color:var(--ink-900)}.viz-preview-head[data-astro-cid-st63asjw] span[data-astro-cid-st63asjw]{display:block;margin-top:4px;font-size:13px;color:var(--ink-500)}.viz-preview-head[data-astro-cid-st63asjw] .tag[data-astro-cid-st63asjw]{white-space:nowrap;flex-shrink:0}.viz-canvas[data-astro-cid-st63asjw]{background:var(--gray-100);aspect-ratio:16 / 9}.viz-canvas[data-astro-cid-st63asjw] canvas[data-astro-cid-st63asjw]{display:block;width:100%;height:100%}.viz-chips[data-astro-cid-st63asjw]{display:flex;flex-wrap:wrap;gap:8px;padding:18px 24px 22px;border-top:1px solid var(--line)}.viz-chips[data-astro-cid-st63asjw] .chip[data-astro-cid-st63asjw]{font-family:var(--font-mono);font-size:12px;font-weight:500;padding:7px 14px}.viz-order[data-astro-cid-st63asjw]{display:grid;grid-template-columns:1fr .8fr;gap:clamp(28px,4vw,48px);align-items:center;margin-top:28px;padding-top:32px;border-top:1px solid var(--line)}.viz-phone[data-astro-cid-st63asjw]{margin-top:20px;display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}.viz-phone[data-astro-cid-st63asjw] span[data-astro-cid-st63asjw]{font-size:13px;color:var(--ink-500)}.viz-phone[data-astro-cid-st63asjw] a[data-astro-cid-st63asjw]{font-size:22px;font-weight:700;color:var(--ink-900)}.viz-phone[data-astro-cid-st63asjw] a[data-astro-cid-st63asjw]:hover{color:var(--accent)}.viz-form[data-astro-cid-st63asjw]{box-shadow:var(--shadow-md)}@media (max-width: 1080px){.viz-grid[data-astro-cid-st63asjw],.viz-order[data-astro-cid-st63asjw]{grid-template-columns:1fr}}@media (max-width: 620px){.viz-fields[data-astro-cid-st63asjw],.viz-actions[data-astro-cid-st63asjw]{grid-template-columns:1fr}.viz-panel[data-astro-cid-st63asjw]{padding:22px}}.letter-example[data-astro-cid-hah66ikc]{display:grid;grid-template-columns:1fr .8fr;gap:clamp(24px,4vw,44px);align-items:center;margin-top:32px;padding:clamp(24px,3vw,32px);background:var(--gray-100);border-radius:var(--r-lg)}.letter-example-calc[data-astro-cid-hah66ikc]{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);padding:24px;box-shadow:var(--shadow-sm)}.letter-example-calc[data-astro-cid-hah66ikc] .row[data-astro-cid-hah66ikc]{display:flex;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid var(--line);font-size:14.5px}.letter-example-calc[data-astro-cid-hah66ikc] .row[data-astro-cid-hah66ikc] span[data-astro-cid-hah66ikc]:first-child{color:var(--ink-500)}.letter-example-calc[data-astro-cid-hah66ikc] .row[data-astro-cid-hah66ikc] span[data-astro-cid-hah66ikc]:last-child{font-family:var(--font-mono);font-weight:500;color:var(--ink-700)}.letter-example-calc[data-astro-cid-hah66ikc] .row--total[data-astro-cid-hah66ikc]{border-bottom:none;padding-top:16px}.letter-example-calc[data-astro-cid-hah66ikc] .row--total[data-astro-cid-hah66ikc] span[data-astro-cid-hah66ikc]:first-child{color:var(--ink-900);font-weight:700}.letter-example-calc[data-astro-cid-hah66ikc] .row--total[data-astro-cid-hah66ikc] span[data-astro-cid-hah66ikc]:last-child{font-family:var(--font);font-size:22px;font-weight:800;color:var(--accent)}.letter-formula[data-astro-cid-hah66ikc]{margin-top:12px;font-size:12px;line-height:1.5;color:var(--ink-500)}.letter-two[data-astro-cid-hah66ikc]{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,4vw,56px);align-items:start}.letter-two[data-astro-cid-hah66ikc] h2[data-astro-cid-hah66ikc]{margin-bottom:var(--space-3)}.related-card[data-astro-cid-hah66ikc] span[data-astro-cid-hah66ikc]{font-weight:600}@media (max-width: 900px){.letter-example[data-astro-cid-hah66ikc],.letter-two[data-astro-cid-hah66ikc]{grid-template-columns:1fr}}