.usage[data-v-8e41a36d]{font-size:var(--text-sm);color:var(--color-text);flex-wrap:wrap;gap:8px 24px;margin-bottom:24px;display:flex}.usage__item b[data-v-8e41a36d]{font-size:var(--text-lg);color:var(--color-ink);font-variant-numeric:tabular-nums;margin:0 4px;font-weight:600}.usage__item:first-child b[data-v-8e41a36d]{color:var(--color-brand)}.gen[data-v-8e41a36d]{grid-template-columns:minmax(0,1fr);gap:24px;scroll-margin-top:80px;display:grid}@media (width>=1024px){.gen[data-v-8e41a36d]{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:32px}.gen__output[data-v-8e41a36d]{align-self:start;position:sticky;top:80px}}.gen__options[data-v-8e41a36d]{gap:20px}.gen__options[data-v-8e41a36d],.gen__output[data-v-8e41a36d]{flex-direction:column;min-width:0;display:flex}.gen__output[data-v-8e41a36d]{gap:16px}.opt[data-v-8e41a36d]{border:0;min-width:0;margin:0;padding:0}.opt__label[data-v-8e41a36d]{font-size:var(--text-sm);color:var(--color-ink);margin-bottom:8px;font-weight:600;display:block}.opt__row[data-v-8e41a36d]{flex-wrap:wrap;gap:8px;display:flex}.opt__group[data-v-8e41a36d]{align-items:flex-start;gap:12px;margin-top:8px;display:flex}.opt__group-name[data-v-8e41a36d]{flex:0 0 32px;padding-top:4px}.opt__group-name[data-v-8e41a36d],.opt__hint[data-v-8e41a36d]{font-size:var(--text-xs);color:var(--color-text-muted)}.opt__hint[data-v-8e41a36d]{margin-top:8px}.pill[data-v-8e41a36d]{border:1px solid var(--color-border-solid);--sq-r:13px;background:var(--color-card);height:28px;color:var(--color-ink-3);font-size:var(--text-xs);white-space:nowrap;align-items:center;gap:4px;padding:0 12px;transition:border-color .15s,color .15s;display:inline-flex}.pill[data-v-8e41a36d]:hover,.pill[aria-pressed=true][data-v-8e41a36d]{border-color:var(--color-brand);color:var(--color-brand)}.pill[aria-pressed=true][data-v-8e41a36d]{box-shadow:inset 0 0 0 1px var(--color-brand);font-weight:600}.codes__count[data-v-8e41a36d],.pill--num[data-v-8e41a36d]{font-variant-numeric:tabular-nums}.swatch[data-v-8e41a36d]{flex:none;width:16px;height:16px}.fixed-ip[data-v-8e41a36d]{gap:8px;margin-top:12px;display:flex}.fixed-ip__input[data-v-8e41a36d]{border-radius:var(--radius-sm);background:var(--color-card);min-width:0;height:36px;color:var(--color-ink);font-family:var(--font-mono,ui-monospace,monospace);font-size:var(--text-sm);border:1px solid #d1d5db;flex:1;padding:0 12px}.fixed-ip__input[data-v-8e41a36d]:focus{border-color:var(--color-brand);outline:none}.btn[data-v-8e41a36d]{border:1px solid var(--color-border-solid);--sq-r:17px;background:var(--color-card);height:36px;color:var(--color-ink-3);font-size:var(--text-sm);white-space:nowrap;justify-content:center;align-items:center;gap:8px;padding:0 16px;font-weight:600;display:inline-flex}.btn[data-v-8e41a36d]:hover{color:var(--color-brand)}.btn--primary[data-v-8e41a36d],.btn[data-v-8e41a36d]:hover{border-color:var(--color-brand)}.btn--primary[data-v-8e41a36d]{background:var(--color-brand);color:#fff}.btn--primary[data-v-8e41a36d]:hover{background:var(--color-brand-hover);border-color:var(--color-brand-hover);color:#fff}.btn[data-v-8e41a36d]:disabled{opacity:.6;cursor:default}.preview[data-v-8e41a36d]{border:1px solid var(--color-border-solid);border-radius:var(--radius-md);overflow:hidden}.preview__head[data-v-8e41a36d]{justify-content:space-between;align-items:center;padding:12px 16px 0;display:flex}.preview__head .opt__label[data-v-8e41a36d]{margin-bottom:0}.preview__stage[data-v-8e41a36d]{border-radius:var(--radius-sm);background-color:var(--color-surface);background-image:radial-gradient(var(--color-border-solid) 1px,transparent 1px);background-size:16px 16px;justify-content:center;align-items:center;min-height:160px;margin:12px 16px;padding:24px 16px;display:flex;overflow-x:auto}.preview__img[data-v-8e41a36d]{max-width:100%;height:auto;display:block}.preview__note[data-v-8e41a36d]{font-size:var(--text-xs);color:var(--color-text);padding:0 16px 12px}.preview__note[data-tone=warn][data-v-8e41a36d]{color:var(--color-warning)}.codes[data-v-8e41a36d]{border:1px solid var(--color-border-solid);border-radius:var(--radius-md);overflow:hidden}.codes__tabs[data-v-8e41a36d]{border-bottom:1px solid var(--color-border-solid);scrollbar-width:none;display:flex;overflow-x:auto}.codes__tabs[data-v-8e41a36d]::-webkit-scrollbar{display:none}.codes__tab[data-v-8e41a36d]{font-size:var(--text-sm);color:var(--color-text);white-space:nowrap;border-bottom:2px solid #0000;margin-bottom:-1px;padding:12px 16px}.codes__tab[data-v-8e41a36d]:hover{color:var(--color-ink)}.codes__tab[aria-selected=true][data-v-8e41a36d]{color:var(--color-brand);border-bottom-color:var(--color-brand);font-weight:600}.codes__body[data-v-8e41a36d]{padding:12px 16px 16px;position:relative}.codes__hint[data-v-8e41a36d]{font-size:var(--text-xs);color:var(--color-text-muted);justify-content:space-between;gap:12px;margin-bottom:8px;display:flex}.codes__count[data-v-8e41a36d]{flex:none}.preview__meta[data-v-8e41a36d]{font-size:var(--text-xs);color:var(--color-text-muted);align-items:center;gap:12px;display:inline-flex}.style-code b[data-v-8e41a36d]{--sq-r:7px;letter-spacing:1px;margin-left:4px;padding:2px 8px;font-weight:600}.codes__pre[data-v-8e41a36d],.style-code b[data-v-8e41a36d]{background:var(--color-surface);color:var(--color-ink);font-family:var(--font-mono,ui-monospace,monospace)}.codes__pre[data-v-8e41a36d]{border-radius:var(--radius-sm);font-size:var(--text-xs);white-space:pre-wrap;word-break:break-all;margin:0;padding:12px;line-height:1.5}.codes__copy[data-v-8e41a36d]{margin-top:12px}.gallery[data-v-8e41a36d]{margin-top:48px}.gallery__title[data-v-8e41a36d]{font-size:var(--text-lg);color:var(--color-ink);font-weight:600;line-height:1.25}.gallery__desc[data-v-8e41a36d]{font-size:var(--text-sm);color:var(--color-text);margin-top:4px}.gallery__grid[data-v-8e41a36d]{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;margin-top:16px;display:grid}.gallery__grid[data-layout=bar][data-v-8e41a36d]{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.tile[data-v-8e41a36d]{border:1px solid var(--color-border-solid);border-radius:var(--radius-md);background:var(--color-card);text-align:left;flex-direction:column;gap:8px;padding:8px;transition:border-color .15s;display:flex}.tile[data-v-8e41a36d]:hover,.tile[aria-pressed=true][data-v-8e41a36d]{border-color:var(--color-brand)}.tile[aria-pressed=true][data-v-8e41a36d]{box-shadow:inset 0 0 0 1px var(--color-brand)}.tile__img[data-v-8e41a36d]{width:100%;height:auto;display:block}.tile__name[data-v-8e41a36d]{font-size:var(--text-xs);color:var(--color-ink-3)}.faq[data-v-8e41a36d]{margin-top:48px}.faq .gallery__title[data-v-8e41a36d]{margin-bottom:16px}