.screen-ruler,.digital-protractor{display:grid;gap:1rem}.screen-ruler__scale{display:block;width:100%;height:auto;overflow:visible}.screen-ruler__surface{fill:var(--surface,#fff);stroke:var(--border-color,#94a3b8);stroke-width:1.5}.screen-ruler__tick{stroke:var(--text,#172033);stroke-width:1}.screen-ruler__label,.digital-protractor__label{fill:var(--text,#172033);font:10px system-ui,sans-serif}.screen-ruler__marker{stroke:#2563eb;stroke-width:3}.screen-ruler__marker--end{stroke:#e11d48}.screen-ruler__calibration{border:1px solid var(--border-color,#cbd5e1);border-radius:.75rem;padding:.8rem}.digital-protractor__face{display:block;width:min(100%,34rem);height:auto;margin-inline:auto;overflow:visible;touch-action:none}.digital-protractor__arc,.digital-protractor__base{fill:none;stroke:var(--border-color,#64748b);stroke-width:2}.digital-protractor__tick{stroke:var(--text,#172033);stroke-width:1}.digital-protractor__ray{stroke:#2563eb;stroke-width:3}.digital-protractor__ray--second{stroke:#e11d48}.digital-protractor__handle{fill:#2563eb;stroke:#fff;stroke-width:2;cursor:grab;touch-action:none}.digital-protractor__handle--second{fill:#e11d48}.digital-protractor__handle:focus-visible{stroke:#111827;stroke-width:4}.digital-protractor__origin{fill:var(--text,#172033)}