:root{color-scheme:light;--bg: #0b1020;--panel: rgba(255, 255, 255, .08);--panel-2: rgba(255, 255, 255, .06);--text: rgba(255, 255, 255, .92);--muted: rgba(255, 255, 255, .7);--accent: #7dd3fc;--grid: clamp(18px, 3.8vw, 28px);--grid-major: calc(var(--grid) * 5);font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;line-height:1.4}html,body{height:100%}body{margin:0;background:radial-gradient(900px 700px at 30% 20%,#18224a,var(--bg));color:var(--text)}#app{min-height:100%}.app{height:100svh;display:grid;grid-template-rows:1fr auto}.drawing{position:relative;overflow:hidden;padding:12px;background-color:#0000001f;background-image:linear-gradient(to bottom,rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(to right,rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(to bottom,rgba(255,255,255,.12) 1px,transparent 1px),linear-gradient(to right,rgba(255,255,255,.12) 1px,transparent 1px);background-size:var(--grid) var(--grid),var(--grid) var(--grid),var(--grid-major) var(--grid-major),var(--grid-major) var(--grid-major);background-position:-1px -1px,-1px -1px,-1px -1px,-1px -1px;touch-action:none;overscroll-behavior:contain}.scene{width:100%;height:100%;display:block}.edges line{stroke:#ffffffd1;stroke-width:2.75;stroke-linecap:round}.overlay__line{stroke:#a7f3d0b3;stroke-width:2.25;stroke-linecap:round}.overlay__line--dotted{stroke-dasharray:4 6}.overlay__rightangle{fill:none;stroke:#a7f3d0d9;stroke-width:2.25;stroke-linecap:round;stroke-linejoin:round}.overlay__pt{fill:#a7f3d0e6;stroke:#00000059;stroke-width:2.25}.overlay__circle{fill:none;stroke:#a7f3d0a6;stroke-width:2.25}.handles circle{fill:#7dd3fcf2;stroke:#00000059;stroke-width:3;cursor:grab}.drawing.dragging .handles circle{cursor:grabbing}.handles text{fill:#fffffff2;font-size:18px;font-weight:700;paint-order:stroke;stroke:#00000073;stroke-width:4px;-webkit-user-select:none;user-select:none;pointer-events:none}.centers circle{fill:#fbbf24f2;stroke:#00000059;stroke-width:3}.centers circle.active{fill:#f472b6f2;stroke:#ffffffbf;stroke-width:4}.centers text{fill:#fffffff2;font-size:14px;font-weight:800;paint-order:stroke;stroke:#0000008c;stroke-width:4px;-webkit-user-select:none;user-select:none;pointer-events:none}.panel{border-top:1px solid rgba(255,255,255,.14);background:linear-gradient(to bottom,#0000002e,#00000047);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.panel__inner{max-height:42svh;display:grid;grid-template-rows:auto 1fr}.panel[data-collapsed=true] .panel__inner{max-height:72px}.panel__top{display:grid;grid-template-columns:1fr auto auto;gap:10px;align-items:center;padding:10px 12px;background:var(--panel-2)}.field{display:grid;gap:6px}.field label{font-size:12px;color:var(--muted)}.panel__top .field label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}select,button{min-height:44px;border-radius:12px;border:1px solid rgba(255,255,255,.16);background:#00000040;color:var(--text);padding:10px 12px;font:inherit}button{cursor:pointer}button:active{transform:translateY(1px)}.panel__body{padding:12px;overflow:auto}.panel__body h1{font-size:16px;margin:0 0 6px}.panel__body h2{font-size:13px;margin:14px 0 6px;color:#ffffffe6;letter-spacing:.02em;text-transform:uppercase}.panel__body p{margin:0;color:var(--muted)}.panel__body ul{margin:10px 0 0;padding-left:18px;color:var(--text)}.panel__body li{margin:6px 0;color:var(--muted)}.panel__body code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:12px;padding:2px 6px;border-radius:8px;border:1px solid rgba(255,255,255,.14);background:#00000040;color:#ffffffeb;white-space:nowrap}.controls{margin-top:14px;padding:10px;border-radius:14px;border:1px solid rgba(255,255,255,.12);background:#0000002e}.controls h2{margin-top:0}.controls__grid{display:grid;gap:10px}.toggle{display:grid;grid-template-columns:1fr auto;align-items:center;gap:10px;padding:10px;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:#0000002e}.toggle input{position:absolute;opacity:0;width:1px;height:1px}.toggle__label{font-size:14px;color:#ffffffeb}.toggle__ui{width:54px;height:32px;border-radius:999px;border:1px solid rgba(255,255,255,.18);background:#ffffff14;position:relative}.toggle__ui:after{content:"";position:absolute;left:4px;top:4px;width:24px;height:24px;border-radius:50%;background:#ffffffd9;transition:transform .14s ease,background .14s ease}.toggle input:checked+.toggle__ui{background:#7dd3fc40;border-color:#7dd3fc80}.toggle input:checked+.toggle__ui:after{transform:translate(22px);background:#7dd3fcf2}.controls__hint{grid-column:1 / -1;font-size:12px;color:#ffffffad;margin-top:2px}.warning{margin:0 0 10px;padding:10px 12px;border-radius:12px;border:1px solid rgba(251,191,36,.35);background:#fbbf241f;color:#ffffffeb;font-size:13px}@media (min-width: 900px),(orientation: landscape) and (min-width: 700px){.app{grid-template-rows:1fr;grid-template-columns:1fr 360px}.panel__top .field label{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto;clip-path:none;white-space:normal}.panel{border-top:0;border-left:1px solid rgba(255,255,255,.14)}.panel__inner,.panel[data-collapsed=true] .panel__inner{max-height:none}.panel__top{grid-template-columns:1fr}.panel__toggle{display:none}}