.stage-container[data-astro-cid-bsljyps4]{gap:var(--space-lg);margin-bottom:var(--space-4xl);flex-direction:column;display:flex}.settings-hint[data-astro-cid-bsljyps4]{color:var(--color-mute);font-size:.875rem}.bates-layout[data-astro-cid-bsljyps4]{gap:var(--space-lg);grid-template-columns:1fr;display:grid}@media (width>=900px){.bates-layout[data-astro-cid-bsljyps4]{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start}}.bates-options[data-astro-cid-bsljyps4]{gap:var(--space-md);flex-direction:column;min-width:0;display:flex}.bates-preview-col[data-astro-cid-bsljyps4]{min-width:0}.option-group-row[data-astro-cid-bsljyps4]{gap:var(--space-md);flex-wrap:wrap;display:flex}.option-group[data-astro-cid-bsljyps4]{flex-direction:column;flex:1;gap:4px;min-width:140px;display:flex}.option-label[data-astro-cid-bsljyps4]{color:var(--color-ink);font-size:.8125rem;font-weight:500}.option-input[data-astro-cid-bsljyps4],.option-select[data-astro-cid-bsljyps4]{border:1px solid var(--color-hairline);border-radius:var(--radius-md);background:var(--color-canvas);color:var(--color-ink);padding:8px 12px;font-size:.875rem}.option-hint[data-astro-cid-bsljyps4]{color:var(--color-mute);font-size:.75rem}.option-error[data-astro-cid-bsljyps4]{color:#dc2626;font-size:.75rem}.bates-color-row[data-astro-cid-bsljyps4]{align-items:center;gap:var(--space-sm);border:1px solid var(--color-hairline);border-radius:var(--radius-md);background:var(--color-canvas);padding:8px 12px;display:flex}.bates-color-swatch[data-astro-cid-bsljyps4]{border-radius:var(--radius-full);border:1px solid var(--color-hairline-strong);cursor:default;flex-shrink:0;width:22px;height:22px}.bates-color-value[data-astro-cid-bsljyps4]{color:var(--color-body);font-size:.8125rem;font-family:var(--font-mono);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.bates-color-input[data-astro-cid-bsljyps4]{border:1px solid var(--color-hairline);border-radius:var(--radius-sm);cursor:pointer;background:0 0;flex-shrink:0;width:36px;height:28px;margin-left:auto;padding:0}.bates-format-preview-box[data-astro-cid-bsljyps4]{background:var(--color-canvas-soft);border:1px solid var(--color-hairline);border-radius:var(--radius-md);flex-direction:column;gap:6px;padding:10px 12px;display:flex}.bates-format-preview-label[data-astro-cid-bsljyps4]{color:var(--color-mute);text-transform:uppercase;letter-spacing:.04em;font-size:.75rem;font-weight:600}.bates-format-preview[data-astro-cid-bsljyps4]{flex-wrap:wrap;gap:6px 12px;display:flex}.bates-fmt-sample[data-astro-cid-bsljyps4]{font-family:var(--font-mono);color:var(--color-ink);background:var(--color-canvas);border:1px solid var(--color-hairline);border-radius:6px;padding:4px 8px;font-size:.8125rem}.bates-info-box[data-astro-cid-bsljyps4]{padding:var(--space-sm) var(--space-md);background:var(--color-canvas-soft);border-radius:var(--radius-md);border-left:3px solid var(--color-accent)}.bates-info-text[data-astro-cid-bsljyps4]{color:var(--color-ink);font-size:.875rem;line-height:1.5}.bates-preview[data-astro-cid-bsljyps4]{gap:var(--space-sm);background:var(--color-canvas);border:1px solid var(--color-hairline);border-radius:var(--radius-lg);padding:var(--space-md);box-shadow:var(--shadow-level-2);flex-direction:column;display:flex}.bates-preview-header[data-astro-cid-bsljyps4]{justify-content:space-between;align-items:center;gap:var(--space-sm);flex-wrap:wrap;display:flex}.bates-preview-title[data-astro-cid-bsljyps4]{color:var(--color-ink);font-size:.8125rem;font-weight:600}.bates-preview-chip[data-astro-cid-bsljyps4]{color:var(--color-mute);background:var(--color-canvas-soft);border:1px solid var(--color-hairline);border-radius:var(--radius-full);padding:2px 10px;font-size:.75rem}.bates-preview-stage[data-astro-cid-bsljyps4]{background:var(--color-canvas-soft-2,var(--color-canvas-soft));border:1px solid var(--color-hairline);border-radius:var(--radius-md);width:100%;min-height:160px;max-height:560px;padding:var(--space-sm);justify-content:center;align-items:center;display:flex;position:relative;overflow:auto}.bates-preview-message[data-astro-cid-bsljyps4]{padding:var(--space-xl) var(--space-md);text-align:center;color:var(--color-mute);margin:0;font-size:.875rem}.bates-preview-canvas[data-astro-cid-bsljyps4]{max-width:100%;height:auto;box-shadow:var(--shadow-level-1);background:#fff;display:block}.bates-preview-note[data-astro-cid-bsljyps4]{color:var(--color-mute);margin:0;font-size:.75rem;line-height:1.4}@media (width<=560px){.bates-preview-stage[data-astro-cid-bsljyps4]{min-height:130px}}.bates-seo-section[data-astro-cid-bsljyps4]{border-top:1px solid var(--color-hairline);padding-top:var(--space-2xl)}.bates-seo-article[data-astro-cid-bsljyps4]{gap:var(--space-lg);flex-direction:column;display:flex}.bates-seo-article[data-astro-cid-bsljyps4] h2[data-astro-cid-bsljyps4]{color:var(--color-ink);margin-top:var(--space-md);letter-spacing:-.02em;font-size:1.375rem;font-weight:700}.bates-seo-article[data-astro-cid-bsljyps4] p[data-astro-cid-bsljyps4]{color:var(--color-body);font-size:.9375rem;line-height:1.6}.bates-steps[data-astro-cid-bsljyps4]{padding-left:var(--space-lg);gap:var(--space-xs);color:var(--color-body);flex-direction:column;font-size:.9375rem;display:flex}.bates-steps[data-astro-cid-bsljyps4] li[data-astro-cid-bsljyps4] code[data-astro-cid-bsljyps4],.bates-features[data-astro-cid-bsljyps4] li[data-astro-cid-bsljyps4] code[data-astro-cid-bsljyps4]{font-family:var(--font-mono);background:var(--color-canvas-soft);border:1px solid var(--color-hairline);border-radius:var(--radius-sm);padding:2px 6px;font-size:.8125rem}.bates-examples-grid[data-astro-cid-bsljyps4]{gap:var(--space-md);margin:var(--space-xs) 0;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));display:grid}.bates-example-card[data-astro-cid-bsljyps4]{background:var(--color-canvas-soft);border:1px solid var(--color-hairline);border-radius:var(--radius-md);padding:var(--space-md);gap:var(--space-xs);flex-direction:column;display:flex}.bates-example-card[data-astro-cid-bsljyps4] h3[data-astro-cid-bsljyps4]{color:var(--color-ink);margin:0;font-size:.9375rem;font-weight:600}.bates-example-spec[data-astro-cid-bsljyps4]{color:var(--color-mute);margin:0;font-size:.8125rem;line-height:1.4}.bates-example-spec[data-astro-cid-bsljyps4] code[data-astro-cid-bsljyps4]{font-family:var(--font-mono);background:var(--color-canvas);border:1px solid var(--color-hairline);border-radius:4px;padding:1px 4px;font-size:.75rem}.bates-example-outputs[data-astro-cid-bsljyps4]{flex-wrap:wrap;gap:6px;margin-top:4px;display:flex}.bates-example-outputs[data-astro-cid-bsljyps4] span[data-astro-cid-bsljyps4]{font-family:var(--font-mono);color:var(--color-ink);background:var(--color-canvas);border:1px solid var(--color-hairline);border-radius:4px;padding:3px 8px;font-size:.8125rem;font-weight:500}.bates-features[data-astro-cid-bsljyps4]{padding-left:var(--space-lg);gap:var(--space-xs);color:var(--color-body);flex-direction:column;font-size:.9375rem;line-height:1.5;display:flex}.bates-inline-link[data-astro-cid-bsljyps4]{color:var(--color-accent);text-underline-offset:2px;font-weight:500;text-decoration:underline;transition:color .15s}.bates-inline-link[data-astro-cid-bsljyps4]:hover{color:var(--color-accent-hover,var(--color-accent))}.bates-faq-list[data-astro-cid-bsljyps4]{gap:var(--space-md);margin-top:var(--space-xs);flex-direction:column;display:flex}.bates-faq-item[data-astro-cid-bsljyps4]{background:var(--color-canvas-soft);border:1px solid var(--color-hairline);border-radius:var(--radius-md);padding:var(--space-md)}.bates-faq-question[data-astro-cid-bsljyps4]{color:var(--color-ink);margin:0 0 var(--space-xs) 0;font-size:1rem;font-weight:600}.bates-faq-answer[data-astro-cid-bsljyps4]{color:var(--color-body);margin:0;font-size:.875rem;line-height:1.6}.related-tools-block[data-astro-cid-bsljyps4]{margin-top:var(--space-xl);padding-top:var(--space-lg);border-top:1px dashed var(--color-hairline)}.related-tools-block[data-astro-cid-bsljyps4] h3[data-astro-cid-bsljyps4]{margin-bottom:var(--space-xs);font-size:1.125rem;font-weight:600}.related-tools-intro[data-astro-cid-bsljyps4]{color:var(--color-mute);margin-bottom:var(--space-md);font-size:.875rem}.related-tools-grid[data-astro-cid-bsljyps4]{gap:var(--space-sm);grid-template-columns:repeat(auto-fill,minmax(200px,1fr));display:grid}.related-tool-link[data-astro-cid-bsljyps4]{padding:var(--space-sm) var(--space-md);background:var(--color-canvas);border:1px solid var(--color-hairline);border-radius:var(--radius-md);flex-direction:column;gap:4px;text-decoration:none;transition:all .15s;display:flex}.related-tool-link[data-astro-cid-bsljyps4]:hover{border-color:var(--color-accent);transform:translateY(-1px)}.related-tool-name[data-astro-cid-bsljyps4]{color:var(--color-ink);font-size:.875rem;font-weight:600}.related-tool-desc[data-astro-cid-bsljyps4]{color:var(--color-mute);font-size:.75rem;line-height:1.3}