.chemistry-page[data-v-1f9d0e90]{background:var(--color-bg-secondary);min-height:calc(100vh - 100px)}.container[data-v-1f9d0e90]{width:100%;max-width:1600px;margin:0 auto}.page-header[data-v-1f9d0e90]{margin-bottom:18px}.page-title-row[data-v-1f9d0e90]{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:6px;display:flex}.page-title[data-v-1f9d0e90]{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-1f9d0e90]{border-radius:var(--radius-pill)}.page-subtitle[data-v-1f9d0e90]{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0;line-height:1.5}.page-subtitle--inline[data-v-1f9d0e90]{margin-left:2px}.panel[data-v-1f9d0e90]{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:16px}.editor-head[data-v-1f9d0e90]{align-items:center;gap:10px;margin-bottom:10px;display:flex}.panel-label[data-v-1f9d0e90]{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text)}.mode-toggle[data-v-1f9d0e90]{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);margin-left:auto;padding:2px;display:flex}.mode-btn[data-v-1f9d0e90]{border-radius:var(--radius-sm);height:28px;font-family:var(--font-family);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;padding:0 12px}.mode-btn--active[data-v-1f9d0e90]{background:var(--color-bg);color:var(--color-primary);box-shadow:var(--shadow-sm)}.bar-panel[data-v-1f9d0e90] .latex-input{font-family:var(--font-mono);line-height:1.6}.bar-main[data-v-1f9d0e90]{align-items:stretch;gap:10px;display:flex}.bar-input[data-v-1f9d0e90]{flex:1;min-width:0}.bar-main[data-v-1f9d0e90] .generate-btn{height:44px}.bar-foot[data-v-1f9d0e90]{flex-wrap:wrap;align-items:center;gap:9px;margin-top:14px;display:flex}.foot-label[data-v-1f9d0e90]{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}.chemistry-page .bar-foot .example-chip[data-v-1f9d0e90]{background:var(--color-bg-secondary);border-color:var(--color-border);color:var(--color-text);cursor:pointer;transition:color .15s,border-color .15s,background .15s}.chemistry-page .bar-foot .example-chip[data-v-1f9d0e90]:hover{background:var(--color-bg);border-color:var(--color-primary);color:var(--color-primary)}.cfg-toggle[data-v-1f9d0e90]{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;width:100%;font-family:var(--font-family);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text);align-items:center;gap:9px;margin-top:14px;padding:12px 14px;display:flex}.cfg-chevron[data-v-1f9d0e90]{color:var(--color-text-secondary);margin-left:auto;transition:transform .18s}.cfg-chevron--open[data-v-1f9d0e90]{transform:rotate(180deg)}.opt-box[data-v-1f9d0e90]{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);margin-top:14px;padding:14px}.opt-label[data-v-1f9d0e90]{font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);letter-spacing:.04em;text-transform:uppercase;color:var(--color-text-secondary);margin-bottom:9px}.pkg-grid[data-v-1f9d0e90]{grid-template-columns:1fr 1fr;gap:8px;display:grid}.pkg[data-v-1f9d0e90]{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;text-align:left;font-family:var(--font-family);align-items:flex-start;gap:9px;padding:9px 11px;display:flex}.pkg--on[data-v-1f9d0e90]{border-color:var(--color-primary);background:var(--color-primary-lighter)}.pkg--disabled[data-v-1f9d0e90]{opacity:.55;cursor:not-allowed}.pkg-check[data-v-1f9d0e90]{border:1.5px solid var(--color-border);background:var(--color-bg);border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;margin-top:1px;display:flex}.pkg-check--on[data-v-1f9d0e90]{background:var(--color-primary);border-color:var(--color-primary)}.pkg-text[data-v-1f9d0e90]{min-width:0}.pkg-name[data-v-1f9d0e90]{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text);font-family:var(--font-mono);align-items:center;display:flex}.pkg-soon[data-v-1f9d0e90]{font-size:9.5px;font-weight:var(--font-weight-bold);letter-spacing:.04em;text-transform:uppercase;color:var(--color-warning);background:var(--color-warning-bg);border-radius:var(--radius-pill);font-family:var(--font-family);margin-left:6px;padding:1px 6px}.pkg-desc[data-v-1f9d0e90]{font-size:var(--font-size-xs);color:var(--color-text-secondary);margin-top:2px;line-height:1.3;display:block}.field-row[data-v-1f9d0e90]{flex-wrap:wrap;gap:12px;margin-top:12px;display:flex}.field[data-v-1f9d0e90]{flex:1;min-width:140px}.field-label[data-v-1f9d0e90]{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text);margin-bottom:6px;display:block}.slider-top[data-v-1f9d0e90]{justify-content:space-between;align-items:baseline;display:flex}.slider-val[data-v-1f9d0e90]{font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);color:var(--color-primary)}.actions-row[data-v-1f9d0e90]{align-items:stretch;gap:10px;margin-top:16px;display:flex}.actions-row[data-v-1f9d0e90] .generate-btn{flex:1}.actions-row[data-v-1f9d0e90] .examples-btn{flex-shrink:0}.examples-menu[data-v-1f9d0e90]{width:300px}.example-title[data-v-1f9d0e90]{font-weight:var(--font-weight-semibold)}.example-code[data-v-1f9d0e90]{color:var(--color-primary);white-space:normal;line-height:1.35}.stage-panel[data-v-1f9d0e90]{flex-direction:column;margin-top:16px;padding:0;display:flex;overflow:hidden}.result-bar[data-v-1f9d0e90]{border-bottom:1px solid var(--color-border);flex-wrap:wrap;flex-shrink:0;align-items:center;gap:8px;padding:10px 12px;display:flex}.zoom-group[data-v-1f9d0e90]{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);align-items:center;padding:2px;display:flex}.zoom-btn[data-v-1f9d0e90]{border-radius:var(--radius-sm);cursor:pointer;width:32px;height:32px;color:var(--color-text);background:0 0;border:none;justify-content:center;align-items:center;display:inline-flex}.zoom-btn[data-v-1f9d0e90]:disabled{opacity:.4;cursor:not-allowed}.zoom-val[data-v-1f9d0e90]{text-align:center;min-width:48px;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);font-variant-numeric:tabular-nums}.canvas[data-v-1f9d0e90]{background:#fff;min-height:300px;max-height:70vh;padding:20px;display:flex;overflow:auto}.canvas--pannable[data-v-1f9d0e90]{cursor:grab}.canvas--panning[data-v-1f9d0e90]{cursor:grabbing;-webkit-user-select:none;user-select:none}.canvas-state[data-v-1f9d0e90]{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:10px;margin:auto;padding:24px;display:flex}.state-text[data-v-1f9d0e90]{font-size:var(--font-size-sm);color:var(--color-text-secondary);max-width:260px;margin:0;line-height:1.4}.result-img[data-v-1f9d0e90]{flex-shrink:0;max-width:none;height:auto;margin:auto}.used-row[data-v-1f9d0e90]{border-top:1px solid var(--color-border);flex-wrap:wrap;flex-shrink:0;align-items:center;gap:8px;padding:10px 12px;display:flex}.used-label[data-v-1f9d0e90]{font-size:var(--font-size-xs);color:var(--color-text-secondary)}.used-chip[data-v-1f9d0e90]{font-family:var(--font-mono);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-pill);padding:3px 9px}.examples-sheet[data-v-1f9d0e90]{background:var(--color-bg);border-radius:18px 18px 0 0;width:100%}.sheet-grabber[data-v-1f9d0e90]{background:var(--color-border);border-radius:2px;width:40px;height:4px;margin:8px auto 0}.sheet-title[data-v-1f9d0e90]{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);padding:10px 16px 6px}.sheet-item-icon[data-v-1f9d0e90]{min-width:0;padding-right:10px}@media (max-width:599px){.canvas[data-v-1f9d0e90]{min-height:190px}.pkg-grid[data-v-1f9d0e90]{grid-template-columns:1fr}}@media (min-width:600px){.page-title[data-v-1f9d0e90]{font-size:var(--font-size-2xl)}.canvas[data-v-1f9d0e90]{min-height:400px}}@media (min-width:1024px){.chemistry-page[data-v-1f9d0e90]{flex-direction:column;display:flex}.container[data-v-1f9d0e90]{flex-direction:column;flex:1;min-height:0;display:flex}.page-header[data-v-1f9d0e90]{margin-bottom:14px}.bar-panel[data-v-1f9d0e90]{flex-shrink:0;padding:12px 14px}.pkg-grid[data-v-1f9d0e90]{grid-template-columns:repeat(4,1fr)}.stage-panel[data-v-1f9d0e90]{flex:1;min-height:420px;margin-top:14px}.canvas[data-v-1f9d0e90]{flex:1;min-height:0;max-height:none}}