:root{--bg: #fbf7f2;--surface: #ffffff;--surface-2: #f4f3f9;--wizard-bg: #f8f7fc;--border: #e8e5ef;--border-strong: #d7d3e0;--text: #1f2230;--text-muted: #666b7a;--accent: #ff5a00;--accent-hover: #e94f00;--accent-soft: rgba(255, 90, 0, .08);--success: #12915f;--success-soft: rgba(18, 145, 95, .09);--danger: #d64545;--disabled-bg: #e3e0e8;--disabled-text: #9a9dab;--radius-sm: 10px;--radius-md: 16px;--radius-lg: 28px;--shadow-sm: 0 1px 2px rgba(31, 34, 48, .04), 0 2px 8px rgba(31, 34, 48, .05);--shadow-md: 0 10px 34px rgba(31, 34, 48, .08);--maxw: 1200px}*{box-sizing:border-box}html,body{height:100%}body{margin:0;color:var(--text);background:var(--bg);font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.btn-primary{appearance:none;border:none;cursor:pointer;padding:.8rem 1.5rem;border-radius:999px;font:inherit;font-size:.95rem;font-weight:600;color:#fff;background:var(--accent);box-shadow:0 4px 14px #ff5a0040;transition:background .14s ease,box-shadow .14s ease,transform .02s ease}.btn-primary:hover:not(:disabled){background:var(--accent-hover);box-shadow:0 6px 18px #ff5a004d}.btn-primary:active:not(:disabled){transform:translateY(1px)}.btn-primary:disabled{cursor:not-allowed;color:var(--disabled-text);background:var(--disabled-bg);box-shadow:none}.btn-ghost{appearance:none;cursor:pointer;padding:.7rem 1.2rem;border-radius:999px;font:inherit;font-size:.9rem;font-weight:600;color:var(--text);background:var(--surface);border:1px solid var(--border-strong);white-space:nowrap;transition:border-color .14s ease,color .14s ease}.btn-ghost:hover{color:var(--accent);border-color:var(--accent)}.btn-primary:focus-visible,.btn-ghost:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.text-input{width:100%;padding:.75rem .95rem;font:inherit;font-size:.95rem;color:var(--text);background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-sm);outline:none;transition:border-color .14s ease,box-shadow .14s ease}.text-input:focus-visible{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.text-input::placeholder{color:color-mix(in srgb,var(--text-muted) 65%,transparent)}.draw-vertex-dot{width:12px;height:12px;border-radius:50%;background:var(--accent);border:2px solid #ffffff;box-shadow:0 1px 4px #1f223059;pointer-events:none}.draw-vertex-dot--first{width:16px;height:16px;background:#fff;border:3px solid var(--accent)}.edge-length-label{padding:.15rem .5rem;border-radius:999px;background:#0e1117c7;color:#fff;font-size:11px;font-weight:600;white-space:nowrap;font-variant-numeric:tabular-nums;pointer-events:none}.rotate-control{width:40px;height:40px;margin:10px 10px 0;padding:0;display:grid;place-items:center;background:#fff;border:none;border-radius:50%;box-shadow:0 1px 4px -1px #0000004d;cursor:pointer}.rotate-control:hover{background:#f5f5f5}.rotate-control:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.rotate-control-needle{display:block;transform-origin:12px 12px;transition:transform .2s ease}.rotate-control-needle-n{fill:var(--accent)}.rotate-control-needle-s{fill:var(--disabled-text)}.gm-style .gmnoprint,.gm-style-cc{font-size:10px}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}