.formatter-tool[data-v-8f173661]{z-index:1;max-width:1200px;margin:0 auto;padding:32px 24px 80px;position:relative}.page-header[data-v-8f173661]{margin-bottom:24px}.page-header h1[data-v-8f173661]{color:var(--vt-text);margin:0 0 8px;font-size:28px;font-weight:700;transition:color .3s}.page-header p[data-v-8f173661]{color:var(--vt-text-secondary);margin:0;font-size:14px;transition:color .3s}.mode-bar[data-v-8f173661]{background:var(--vt-bg-hover);border-radius:10px;gap:4px;width:fit-content;margin-bottom:16px;padding:4px;display:flex}.mode-btn[data-v-8f173661]{cursor:pointer;color:var(--vt-text-secondary);background:0 0;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 18px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.mode-btn.active[data-v-8f173661]{background:var(--vt-bg-card);color:var(--vt-primary);font-weight:600;box-shadow:0 1px 4px #00000014}.mode-icon[data-v-8f173661]{font-size:16px}.options-bar[data-v-8f173661]{align-items:center;gap:12px;margin-bottom:16px;display:flex}.opt-label[data-v-8f173661]{color:var(--vt-text-secondary);font-size:13px}.toolbar[data-v-8f173661]{flex-wrap:wrap;gap:8px;margin-bottom:20px;display:flex}.error-box[data-v-8f173661]{color:#ef4444;background:#ef444414;border:1px solid #ef444433;border-radius:8px;margin-bottom:16px;padding:10px 16px;font-size:13px}.editor-grid[data-v-8f173661]{grid-template-columns:1fr 1fr;gap:20px;display:grid}.editor-panel[data-v-8f173661]{background:var(--vt-bg-card);border:1px solid var(--vt-border);border-radius:14px;padding:16px;transition:background .3s,border-color .3s}.glow-border[data-v-8f173661]{box-shadow:0 0 30px #667eea0d}.editor-panel label[data-v-8f173661]{color:var(--vt-text-secondary);margin-bottom:10px;font-size:13px;font-weight:600;display:block}.code-textarea[data-v-8f173661] textarea{background:var(--vt-bg-input);color:var(--vt-text);font-family:Fira Code,JetBrains Mono,Cascadia Code,monospace;font-size:13px;line-height:1.6}@media (width<=768px){.formatter-tool[data-v-8f173661]{padding:24px 16px 60px}.editor-grid[data-v-8f173661]{grid-template-columns:1fr}.mode-bar[data-v-8f173661]{overflow-x:auto}}