.mg-root{--c-matematik: var(--c-fizik, var(--accent));--mg-line: #0e7490;--mg-filing: #374151}[data-theme=dark] .mg-root{--mg-line: #22d3ee;--mg-filing: #cbd5e1}.mg-canvas svg{font-family:var(--font-body, inherit);-webkit-user-select:none;user-select:none;overflow:hidden}.mg-paper{fill:var(--bg-card)}.mg-filing{fill:none;stroke:var(--mg-filing);stroke-width:1.6;stroke-linecap:round}.mg-line{fill:none;stroke:var(--mg-line);stroke-width:1.8;opacity:.85}.mg-arrow{fill:var(--mg-line)}.mg-magnet{cursor:grab;touch-action:none}.mg-magnet:active{cursor:grabbing}.mg-shadow{fill:#000;opacity:.15}.mg-magnet-outline{fill:none;stroke:#00000059;stroke-width:1.5}.mg-magnet-split{stroke:#ffffff59;stroke-width:1}.mg-magnet-label{fill:#fff;font-family:var(--font-display);font-size:24px;font-weight:800;text-anchor:middle;pointer-events:none}.mg-compass{cursor:grab;touch-action:none}.mg-compass-case{fill:#9ca3af;stroke:#4b5563;stroke-width:1.5}.mg-compass-face{fill:#fbf7ec}.mg-compass-tick{stroke:#1f2937;stroke-width:2}.mg-needle-n{fill:#dc2626}.mg-needle-s{fill:#1f2937}.mg-compass-pin{fill:#6b7280}.mg-presets{display:flex;flex-wrap:wrap;gap:.35rem;padding:.35rem;border-radius:12px;background:var(--bg);margin-right:3.25rem}.mg-preset{flex:1 1 auto;padding:.5rem .6rem;border-radius:8px;border:1px solid transparent;background:transparent;color:var(--ink-soft);font:inherit;font-size:.85rem;font-weight:600;cursor:pointer}.mg-preset.is-active{background:var(--bg-card);color:var(--c-fizik, var(--accent));border-color:var(--line);box-shadow:var(--shadow-sm)}.mg-toggles{display:flex;flex-wrap:wrap;gap:1rem}.mg-toggle{display:inline-flex;align-items:center;gap:.4rem;font-size:.88rem;color:var(--ink);cursor:pointer}.mg-toggle input{accent-color:var(--c-fizik, var(--accent));width:1rem;height:1rem}.mg-buttons{display:flex;flex-wrap:wrap;gap:.6rem}.mg-btn{padding:.5rem 1rem;border-radius:999px;border:1px solid var(--line);background:var(--bg-card);color:var(--ink);font:inherit;font-size:.88rem;font-weight:600;cursor:pointer}.mg-preset:focus-visible,.mg-btn:focus-visible{outline:2px solid var(--c-fizik, var(--accent));outline-offset:2px}