.mx-wrap{max-width:900px;margin:0 auto;padding:20px 16px 48px}.mx-wrap h1{font-size:1.8rem;font-weight:800;margin-bottom:2px}.mx-sub{font-size:.8rem;color:var(--text-muted);font-family:var(--font-mono);margin-bottom:20px}.mx-inputs{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media (max-width:640px){.mx-inputs{grid-template-columns:1fr}}.mx-panel{background:var(--surface);border:1.5px solid var(--border2);border-radius:16px;overflow:hidden}.mx-panel-head{display:flex;align-items:center;gap:8px;padding:10px 14px;border-bottom:1px solid var(--border2);background:var(--surface2)}.mx-panel-label{font-size:13px;font-weight:800;font-family:var(--font-mono);color:var(--text-primary, #111);flex:1}[data-theme=dark] .mx-panel-label{color:#f3f4f6}.mx-size-sel{font-size:12px;font-family:var(--font-mono);font-weight:700;padding:3px 8px;border-radius:8px;border:1.5px solid var(--border2);background:var(--surface);color:var(--text-muted);cursor:pointer}.mx-body{padding:14px}.mx-grid{display:inline-grid;gap:6px}.mx-cell{width:54px;height:44px;text-align:center;font-family:var(--font-mono);font-size:15px;font-weight:700;border:1.5px solid var(--border2);border-radius:8px;background:var(--surface2);color:var(--text-primary, #111);transition:border-color .15s}[data-theme=dark] .mx-cell{color:#f3f4f6;background:#1e2433}.mx-cell:focus{outline:none;border-color:#3b82f6}@media (max-width:480px){.mx-cell{width:44px;font-size:13px}}.mx-ops{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0;align-items:center}.mx-op-btn{font-family:var(--font-mono);font-size:13px;font-weight:800;padding:8px 16px;border-radius:10px;border:1.5px solid var(--border2);background:var(--surface);color:var(--text-primary, #111);cursor:pointer;transition:background .14s,border-color .14s,color .14s}[data-theme=dark] .mx-op-btn{color:#f3f4f6}.mx-op-btn:hover{background:#eff6ff;border-color:#3b82f6;color:#1e40af}[data-theme=dark] .mx-op-btn:hover{background:#1e2c4a;color:#93c5fd;border-color:#3b82f6}.mx-op-btn.primary{background:#1e3a8a;color:#fff;border-color:#1e3a8a}[data-theme=dark] .mx-op-btn.primary{background:#2563eb;border-color:#2563eb}.mx-op-sep{width:1px;height:32px;background:var(--border2);margin:0 4px}.mx-result{background:var(--surface);border:1.5px solid var(--border2);border-radius:16px;overflow:hidden;margin-top:16px}.mx-result-head{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-bottom:1px solid var(--border2);background:var(--surface2)}.mx-result-label{font-size:12px;font-weight:800;font-family:var(--font-mono);color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.mx-result-op{font-size:13px;font-weight:700;font-family:var(--font-mono);color:var(--text-primary, #111)}[data-theme=dark] .mx-result-op{color:#f3f4f6}.mx-result-body{padding:16px;min-height:80px}.mx-display{display:inline-grid;gap:6px}.mx-display-cell{width:72px;height:44px;text-align:center;font-family:var(--font-mono);font-size:15px;font-weight:700;border:1.5px solid var(--border2);border-radius:8px;background:#f0fdf4;color:#166534;display:flex;align-items:center;justify-content:center}[data-theme=dark] .mx-display-cell{background:#0d1f14;color:#4ade80;border-color:#14532d}.mx-display-cell.error{background:#fef2f2;color:#dc2626;border-color:#fecaca}[data-theme=dark] .mx-display-cell.error{background:#2d1515;color:#f87171;border-color:#7f1d1d}.mx-scalar{font-family:var(--font-mono);font-size:1.8rem;font-weight:800;color:#166534;padding:8px 0}[data-theme=dark] .mx-scalar{color:#4ade80}.mx-scalar.error{color:#dc2626;font-size:1rem}[data-theme=dark] .mx-scalar.error{color:#f87171}.mx-steps{margin-top:12px;padding:12px 14px;background:var(--surface2);border-radius:10px;font-family:var(--font-mono);font-size:12px;color:var(--text-muted);line-height:1.7;white-space:pre-wrap;display:none}.mx-steps.show{display:block}.mx-steps-toggle{font-size:11px;font-weight:700;font-family:var(--font-mono);padding:3px 10px;border-radius:6px;border:1.5px solid var(--border2);background:transparent;color:var(--text-muted);cursor:pointer;margin-top:10px}.mx-empty{font-size:13px;color:var(--text-muted);font-family:var(--font-mono);padding:8px 0}.mx-bracket-wrap{display:flex;align-items:stretch;gap:4px}.mx-bracket{font-size:3rem;color:var(--text-muted);line-height:1;display:flex;align-items:center}