.formula-page[data-v-4bcfbbf4]{min-height:100vh;display:flex;flex-direction:column;background:var(--bg-page)}.page-header[data-v-4bcfbbf4]{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 16px;border-bottom:1px solid var(--border-color);background:var(--bg-elevated)}.page-header__left[data-v-4bcfbbf4]{display:flex;align-items:center;gap:8px}.page-header__title[data-v-4bcfbbf4]{font-weight:700;font-size:var(--font-subtitle)}.icon-btn[data-v-4bcfbbf4]{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-elevated);color:var(--text-regular);transition:color var(--transition-fast),border-color var(--transition-fast),transform var(--transition-fast)}.icon-btn[data-v-4bcfbbf4]:hover{color:var(--color-primary);border-color:var(--color-primary)}.icon-btn[data-v-4bcfbbf4]:active{transform:scale(.92)}.formula-page__body[data-v-4bcfbbf4]{flex:1;display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:16px;max-width:1200px;width:100%;margin:0 auto}@media (max-width: 860px){.formula-page__body[data-v-4bcfbbf4]{grid-template-columns:1fr}}.panel[data-v-4bcfbbf4]{background:var(--bg-elevated);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:16px;display:flex;flex-direction:column;gap:14px;min-width:0}.editor-panel__input[data-v-4bcfbbf4]{width:100%;min-height:96px;padding:10px 12px;border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--input-bg);color:var(--text-primary);font-family:Consolas,Courier New,monospace;font-size:var(--font-body);resize:vertical}.editor-panel__input[data-v-4bcfbbf4]:focus{outline:none;border-color:var(--color-primary)}.symbol-bar[data-v-4bcfbbf4]{display:flex;flex-direction:column;gap:8px}.symbol-bar__group[data-v-4bcfbbf4]{display:flex;align-items:flex-start;gap:8px}.symbol-bar__label[data-v-4bcfbbf4]{flex:none;width:64px;padding-top:8px;font-size:var(--font-aux);color:var(--text-secondary)}.symbol-bar__items[data-v-4bcfbbf4]{display:flex;flex-wrap:wrap;gap:6px}.symbol-btn[data-v-4bcfbbf4]{min-width:40px;min-height:36px;padding:4px 10px;border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-card);color:var(--text-regular);font-size:var(--font-body);transition:border-color var(--transition-fast),color var(--transition-fast),transform var(--transition-fast)}.symbol-btn[data-v-4bcfbbf4]:hover{border-color:var(--color-primary);color:var(--color-primary)}.symbol-btn[data-v-4bcfbbf4]:active{transform:scale(.92)}.templates[data-v-4bcfbbf4]{display:flex;align-items:flex-start;gap:8px}.templates__items[data-v-4bcfbbf4]{display:flex;flex-wrap:wrap;gap:6px}.template-btn[data-v-4bcfbbf4]{min-height:36px;padding:4px 12px;border:1px dashed var(--border-color);border-radius:var(--radius-sm);background:transparent;color:var(--text-regular);font-size:var(--font-aux);transition:border-color var(--transition-fast),color var(--transition-fast)}.template-btn[data-v-4bcfbbf4]:hover{border-color:var(--color-primary);color:var(--color-primary)}.preview-panel__stage[data-v-4bcfbbf4]{position:relative;min-height:160px;display:flex;align-items:center;justify-content:center;border:1px dashed var(--border-color);border-radius:var(--radius-md);padding:20px 12px;overflow-x:auto;background:var(--bg-card)}.preview-panel__body[data-v-4bcfbbf4]{line-height:1.2}.preview-panel__placeholder[data-v-4bcfbbf4]{position:absolute;color:var(--text-secondary);font-size:var(--font-aux)}.preview-panel__error[data-v-4bcfbbf4]{color:var(--color-danger);font-size:var(--font-aux)}.preview-panel__controls[data-v-4bcfbbf4]{display:flex;flex-wrap:wrap;align-items:center;gap:16px 24px}.ctl[data-v-4bcfbbf4]{display:inline-flex;align-items:center;gap:8px;color:var(--text-regular);font-size:var(--font-body)}.ctl__value[data-v-4bcfbbf4]{color:var(--text-secondary);font-size:var(--font-aux);min-width:40px}.ctl input[type=range][data-v-4bcfbbf4]{accent-color:var(--color-primary);width:120px}.color-swatches[data-v-4bcfbbf4]{display:flex;gap:6px}.color-dot[data-v-4bcfbbf4]{width:24px;height:24px;border-radius:50%;border:2px solid var(--border-color);transition:transform var(--transition-fast),border-color var(--transition-fast)}.color-dot[data-v-4bcfbbf4]:hover{transform:scale(1.15)}.color-dot.active[data-v-4bcfbbf4]{border-color:var(--color-primary);transform:scale(1.15)}.preview-panel__actions[data-v-4bcfbbf4]{display:flex;flex-wrap:wrap;gap:10px}