.variation-page[data-v-755354bf]{background:var(--color-bg-secondary);min-height:calc(100vh - 100px)}.container[data-v-755354bf]{width:100%;max-width:1600px;margin:0 auto}.page-header[data-v-755354bf]{margin-bottom:18px}.page-title-row[data-v-755354bf]{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:6px;display:flex}.page-title[data-v-755354bf]{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-755354bf]{border-radius:var(--radius-pill)}.page-subtitle[data-v-755354bf]{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0;line-height:1.5}.page-subtitle--inline[data-v-755354bf]{margin-left:2px}.panel[data-v-755354bf]{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:16px}.panel-label[data-v-755354bf]{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text);margin-bottom:8px}.bar-panel[data-v-755354bf] .fn-input{font-family:var(--font-mono)}.bar-main[data-v-755354bf]{align-items:stretch;gap:10px;display:flex}.bar-main[data-v-755354bf] .desc-input{flex:1;min-width:0}.bar-main[data-v-755354bf] .generate-btn{height:44px}.bar-foot[data-v-755354bf]{flex-wrap:wrap;align-items:center;gap:9px;margin-top:10px;display:flex}.foot-label[data-v-755354bf]{font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);letter-spacing:.05em;text-transform:uppercase;color:var(--color-text-secondary);flex-shrink:0}.variation-page .bar-foot .example-chip[data-v-755354bf]{background:var(--color-bg-secondary);border-color:var(--color-border);color:var(--color-text);font-family:var(--font-mono);cursor:pointer;transition:color .15s,border-color .15s,background .15s}.variation-page .bar-foot .example-chip[data-v-755354bf]:hover{background:var(--color-bg);border-color:var(--color-primary);color:var(--color-primary)}.tip-inline[data-v-755354bf]{font-size:var(--font-size-xs);color:var(--color-text-secondary);align-items:center;gap:6px;margin-left:auto;display:inline-flex}.actions-row[data-v-755354bf]{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.examples-menu[data-v-755354bf]{width:300px}.example-title[data-v-755354bf]{font-weight:var(--font-weight-semibold)}.example-fn[data-v-755354bf]{font-family:var(--font-mono)}.tip-box[data-v-755354bf]{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-755354bf]{flex-shrink:0;margin-top:1px}.stage-panel[data-v-755354bf]{flex-direction:column;margin-top:16px;padding:0;display:flex;overflow:hidden}.result-bar[data-v-755354bf]{border-bottom:1px solid var(--color-border);flex-shrink:0;align-items:center;gap:8px;padding:10px 12px;display:flex}.result-title[data-v-755354bf]{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.result-bar[data-v-755354bf] .bar-icon-btn{min-height:36px}.result-zone[data-v-755354bf]{background:var(--color-bg-secondary);min-height:260px;padding:18px;display:flex;overflow:auto}.result-state[data-v-755354bf]{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;margin:auto;display:flex}.state-text[data-v-755354bf]{font-size:var(--font-size-xs);color:var(--color-text-secondary);max-width:240px;margin:0;line-height:1.4}.result-content[data-v-755354bf]{width:100%;margin:auto}.result-image img[data-v-755354bf]{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-755354bf]{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-755354bf]{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-755354bf] .analysis-text{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.6}.model-caption[data-v-755354bf]{font-size:var(--font-size-xs);color:var(--color-text-secondary);margin-top:12px}.examples-sheet[data-v-755354bf]{background:var(--color-bg);border-radius:18px 18px 0 0;width:100%}.sheet-grabber[data-v-755354bf]{background:var(--color-border);border-radius:2px;width:40px;height:4px;margin:8px auto 0}.sheet-title[data-v-755354bf]{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);padding:10px 16px 6px}@media (max-width:599px){.actions-row[data-v-755354bf] .generate-btn{flex:1}.actions-row[data-v-755354bf] .examples-btn{flex-shrink:0}}@media (min-width:600px){.page-title[data-v-755354bf]{font-size:var(--font-size-2xl)}.result-zone[data-v-755354bf]{min-height:400px}}@media (min-width:1024px){.variation-page[data-v-755354bf]{flex-direction:column;display:flex}.container[data-v-755354bf]{flex-direction:column;flex:1;min-height:0;display:flex}.page-header[data-v-755354bf]{margin-bottom:14px}.bar-panel[data-v-755354bf]{flex-shrink:0;padding:12px 14px}.stage-panel[data-v-755354bf]{flex:1;min-height:420px;margin-top:14px}.result-zone[data-v-755354bf]{flex:1;min-height:0}}