.variation-page[data-v-1d351f39]{background:var(--color-bg-secondary);min-height:calc(100vh - 100px)}.container[data-v-1d351f39]{max-width:1000px;margin:0 auto}.page-header[data-v-1d351f39]{margin-bottom:22px}.page-title-row[data-v-1d351f39]{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:6px;display:flex}.page-title[data-v-1d351f39]{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text);letter-spacing:-.01em;margin:0;line-height:1.2}.ai-badge[data-v-1d351f39]{border-radius:var(--radius-pill)}.page-subtitle[data-v-1d351f39]{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0;line-height:1.5}.panel[data-v-1d351f39]{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:16px}.panel-label[data-v-1d351f39]{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text);margin-bottom:8px}.panel[data-v-1d351f39] .fn-input{font-family:var(--font-mono)}.actions-row[data-v-1d351f39]{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.examples-menu[data-v-1d351f39]{width:300px}.example-title[data-v-1d351f39]{font-weight:var(--font-weight-semibold)}.example-fn[data-v-1d351f39]{font-family:var(--font-mono)}.tip-box[data-v-1d351f39]{background:var(--color-info-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-xs);color:var(--color-text-secondary);gap:8px;margin-top:14px;padding:10px 12px;line-height:1.5;display:flex}.tip-icon[data-v-1d351f39]{flex-shrink:0;margin-top:1px}.result-bar[data-v-1d351f39]{align-items:center;gap:8px;margin-bottom:12px;display:flex}.result-title[data-v-1d351f39]{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.bar-icon-btn[data-v-1d351f39]{min-height:36px}.result-zone[data-v-1d351f39]{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);justify-content:center;align-items:center;min-height:260px;padding:18px;display:flex}.result-state[data-v-1d351f39]{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;display:flex}.state-text[data-v-1d351f39]{font-size:var(--font-size-xs);color:var(--color-text-secondary);max-width:240px;margin:0;line-height:1.4}.result-content[data-v-1d351f39]{width:100%}.result-image img[data-v-1d351f39]{border-radius:var(--radius-md);border:1px solid var(--color-border);background:#fff;max-width:100%;height:auto;margin:0 auto;display:block}.analysis-box[data-v-1d351f39]{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);margin-top:16px;padding:14px 16px}.analysis-title[data-v-1d351f39]{font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);color:var(--color-text);align-items:center;gap:6px;margin-bottom:8px;display:flex}.analysis-box[data-v-1d351f39] .analysis-text{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.6}.model-caption[data-v-1d351f39]{font-size:var(--font-size-xs);color:var(--color-text-secondary);margin-top:12px}.examples-sheet[data-v-1d351f39]{background:var(--color-bg);border-radius:18px 18px 0 0;width:100%}.sheet-grabber[data-v-1d351f39]{background:var(--color-border);border-radius:2px;width:40px;height:4px;margin:8px auto 0}.sheet-title[data-v-1d351f39]{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);padding:10px 16px 6px}@media (max-width:599px){.generate-btn[data-v-1d351f39]{flex:1}.examples-btn[data-v-1d351f39]{flex-shrink:0}}@media (min-width:600px){.page-title[data-v-1d351f39]{font-size:var(--font-size-2xl)}.result-zone[data-v-1d351f39]{min-height:400px}}