.number-tool[data-v-dc2ed6ea]{z-index:1;max-width:900px;margin:0 auto;padding:32px 24px 80px;position:relative}.page-header[data-v-dc2ed6ea]{margin-bottom:24px}.page-header h1[data-v-dc2ed6ea]{color:var(--vt-text);margin:0 0 8px;font-size:28px;font-weight:700;transition:color .3s}.page-header p[data-v-dc2ed6ea]{color:var(--vt-text-secondary);margin:0;font-size:14px;transition:color .3s}.controls[data-v-dc2ed6ea]{flex-wrap:wrap;align-items:center;gap:20px;margin-bottom:20px;display:flex}.mode-switch[data-v-dc2ed6ea]{align-items:center;gap:4px;display:flex}.mode-btn[data-v-dc2ed6ea]{border:1px solid var(--vt-border);background:var(--vt-bg-card);color:var(--vt-text-secondary);cursor:pointer;border-radius:10px;padding:10px 24px;font-size:14px;font-weight:500;transition:all .2s}.mode-btn.active[data-v-dc2ed6ea]{border-color:var(--vt-primary);color:var(--vt-primary);background:var(--vt-primary-light);font-weight:600}.mode-btn[data-v-dc2ed6ea]:hover:not(.active){border-color:var(--vt-primary)}.swap-btn[data-v-dc2ed6ea]{border:1px solid var(--vt-border);background:var(--vt-bg-hover);width:36px;height:36px;color:var(--vt-text-secondary);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;margin:0 4px;font-size:16px;transition:all .2s;display:flex}.swap-btn[data-v-dc2ed6ea]:hover{border-color:var(--vt-primary);color:var(--vt-primary)}.format-row[data-v-dc2ed6ea]{align-items:center;gap:10px;display:flex}.label[data-v-dc2ed6ea]{color:var(--vt-text-secondary);font-size:14px}.error-box[data-v-dc2ed6ea]{color:#ef4444;background:#ef444414;border:1px solid #ef444433;border-radius:8px;margin-bottom:16px;padding:10px 16px;font-size:13px}.toolbar[data-v-dc2ed6ea]{flex-wrap:wrap;gap:8px;margin-bottom:20px;display:flex}.editor-grid[data-v-dc2ed6ea]{grid-template-columns:1fr 1fr;gap:20px;display:grid}.editor-panel[data-v-dc2ed6ea]{background:var(--vt-bg-card);border:1px solid var(--vt-border);border-radius:14px;padding:20px;transition:background .3s,border-color .3s}.glow-border[data-v-dc2ed6ea]{box-shadow:0 0 30px #667eea0d}.editor-panel label[data-v-dc2ed6ea]{color:var(--vt-text-secondary);margin-bottom:10px;font-size:13px;font-weight:600;display:block}.code-textarea[data-v-dc2ed6ea] textarea{background:var(--vt-bg-input);color:var(--vt-text);font-family:Fira Code,JetBrains Mono,Cascadia Code,monospace;font-size:15px;line-height:1.8}.result-display[data-v-dc2ed6ea]{color:var(--vt-primary);background:var(--vt-bg-hover);word-break:break-all;border-radius:10px;align-items:center;min-height:60px;padding:20px;font-size:28px;font-weight:700;transition:all .3s;display:flex}.quick-inputs[data-v-dc2ed6ea]{flex-wrap:wrap;gap:6px;margin-top:12px;display:flex}.quick-btn[data-v-dc2ed6ea]{border:1px solid var(--vt-border);background:var(--vt-bg-hover);color:var(--vt-text-secondary);cursor:pointer;border-radius:6px;padding:4px 12px;font-family:Fira Code,monospace;font-size:13px;transition:all .2s}.quick-btn[data-v-dc2ed6ea]:hover{border-color:var(--vt-primary);color:var(--vt-primary)}@media (width<=768px){.number-tool[data-v-dc2ed6ea]{padding:24px 16px 60px}.editor-grid[data-v-dc2ed6ea]{grid-template-columns:1fr}.mode-btn[data-v-dc2ed6ea]{padding:8px 16px;font-size:13px}.result-display[data-v-dc2ed6ea]{font-size:22px}}