.screen-ruler{--sr-blue:#2563eb;--sr-line:var(--hairline,#dedee4);color:var(--ink);background:var(--canvas-elevated);border:1px solid var(--sr-line);border-radius:22px;width:100%;padding:24px;box-shadow:0 16px 60px #0000000a}.screen-ruler button,.screen-ruler select,.screen-ruler input{font:inherit}.screen-ruler button{border:1px solid var(--sr-line);min-height:42px;color:var(--ink);background:var(--canvas-elevated);cursor:pointer;border-radius:9px;justify-content:center;align-items:center;gap:8px;padding:8px 13px;font-size:12px;font-weight:600;display:inline-flex}.screen-ruler button:hover{border-color:#789ce9}.screen-ruler button:disabled{opacity:.45;cursor:not-allowed}.screen-ruler :focus-visible{outline-offset:3px;outline:3px solid #60a5fa}.sr-toolbar,.sr-actions,.sr-tool-name,.sr-measurement-head,.sr-readout,.sr-panel-heading,.sr-bottom-note{justify-content:space-between;align-items:center;gap:12px;display:flex}.sr-toolbar{flex-wrap:wrap}.sr-tool-name{justify-content:flex-start}.sr-tool-name strong{font-size:15px;display:block}.sr-tool-name div>span{color:var(--body);margin-top:4px;font-size:12px;display:block}.sr-icon{color:#60a5fa;background:#3b82f615;border-radius:12px;place-items:center;width:42px;height:42px;display:grid}.sr-calibration-status{background:#d99b3209;border:1px solid #d99b3238;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;margin:22px 0;padding:10px 14px;font-size:12px;display:flex}.sr-status-content{flex-wrap:wrap;flex:1;align-items:center;gap:10px;display:flex}.sr-status-text{flex-wrap:wrap;align-items:baseline;gap:8px;display:inline-flex}.sr-status-text strong{color:var(--ink);font-size:12px}.sr-status-dot{background:#d99b32;border-radius:50%;flex-shrink:0;width:7px;height:7px}.sr-status-description{color:var(--body);font-size:11px}.screen-ruler .sr-text-button{color:#2563eb;white-space:nowrap;cursor:pointer;background:0 0;border:none;align-items:center;gap:5px;font-size:11px;font-weight:600;display:inline-flex}.dark .screen-ruler .sr-text-button{color:#60a5fa}.screen-ruler .sr-text-button:hover{text-decoration:underline}.sr-status-detected{background:#10b9810a;border-color:#10b98144}.sr-status-detected .sr-status-dot{background:#10b981;box-shadow:0 0 0 3px #10b98124}.dark .sr-status-detected{background:#064e3b1a;border-color:#10b98155}.sr-status-verified{background:#0596690e;border-color:#05966950}.sr-status-verified .sr-status-dot{background:#059669;box-shadow:0 0 0 3px #05966928}.dark .sr-status-verified{background:#065f4625;border-color:#34d39966}.dark .sr-status-verified .sr-status-dot{background:#34d399}.sr-status-check{background:#f59e0b0c;border-color:#f59e0b44}.sr-status-check .sr-status-dot{background:#f59e0b}.sr-quick-alts{background:#00000008;border-radius:8px;align-items:center;gap:5px;margin-left:6px;padding:2px 6px;display:inline-flex}.dark .sr-quick-alts{background:#ffffff0a}.sr-quick-alts-label{color:var(--mute);text-transform:uppercase;letter-spacing:.5px;font-size:10px;font-weight:600}.sr-quick-alt-btn{cursor:pointer;transition:all .15s;background:var(--canvas-elevated)!important;min-height:24px!important;color:var(--ink)!important;border:1px solid var(--sr-line)!important;border-radius:6px!important;padding:3px 8px!important;font-size:11px!important}.sr-quick-alt-btn:hover{color:#2563eb!important;background:#3b82f60d!important;border-color:#3b82f6!important}.sr-quick-alt-btn.sr-quick-alt-active{font-weight:600;box-shadow:0 1px 4px #2563eb40;color:#fff!important;background:#2563eb!important;border-color:#2563eb!important}.dark .sr-quick-alt-btn.sr-quick-alt-active{color:#fff!important;background:#3b82f6!important;border-color:#3b82f6!important}.sr-status-actions{flex-shrink:0;align-items:center;gap:10px;display:flex}.sr-status-redetect{cursor:pointer;align-items:center;gap:4px;font-weight:600;display:inline-flex;color:#2563eb!important;background:#3b82f615!important;border:1px solid #3b82f655!important;border-radius:6px!important;min-height:28px!important;padding:4px 10px!important;font-size:11px!important}.sr-status-redetect:hover{background:#3b82f628!important}.dark .sr-status-redetect{color:#60a5fa!important;border-color:#60a5fa66!important}.sr-measurement-head{flex-wrap:wrap;margin-bottom:18px}.sr-tabs{background:var(--canvas);border-radius:10px;gap:4px;padding:4px;display:flex}.screen-ruler .sr-tabs button{min-height:34px;color:var(--body);background:0 0;border:0}.screen-ruler .sr-tabs button[aria-pressed=true]{background:var(--canvas-elevated);color:#60a5fa;box-shadow:0 1px 5px #0001}.sr-range-label{color:var(--mute);font-size:11px}.sr-ruler-well{border:1px solid var(--sr-line);background:#f4f7fc;border-radius:12px;overflow:hidden}.sr-surface{touch-action:none;user-select:none;cursor:crosshair;width:100%;height:180px;position:relative}.sr-surface.sr-vertical{width:180px;height:480px;margin:auto}.sr-surface svg{pointer-events:none;display:block;overflow:hidden}.sr-surface text{fill:#244373;stroke:none;font:11px JetBrains Mono,monospace}.sr-inch-tick{stroke:#50627d}.sr-metric-tick{stroke:#2563eb}.sr-metric-tick text{fill:#2563eb}.sr-measured-region{fill:#3b82f60c}.sr-marker-line{stroke:#2563eb}.sr-marker-handle{fill:#2563eb;stroke:#fff;stroke-width:3px}.sr-surface .sr-scale-label{letter-spacing:1.2px;fill:#637b9b;font:9px Inter,sans-serif}.sr-readout{margin-top:20px}.sr-eyebrow{color:var(--mute);text-transform:uppercase;letter-spacing:1.5px;font-size:10px;font-weight:600;display:block}.sr-readout output{flex-wrap:wrap;align-items:baseline;gap:20px;margin-top:5px;font-family:JetBrains Mono,monospace;display:flex}.sr-readout b{letter-spacing:-1px;font-size:30px;font-weight:500}.sr-readout small{color:var(--body);font-size:16px}.sr-readout output>span{color:var(--body);font-size:13px}.sr-help{color:var(--body);margin:16px 0 0;font-size:12px;line-height:1.8}.sr-calibration-panel{border:1px solid var(--sr-line);background:var(--canvas);border-radius:14px;margin-top:24px;padding:20px}.sr-panel-heading h2{margin-top:5px;font-size:18px;font-weight:600}.sr-calibration-panel p{color:var(--body);margin:12px 0 18px;font-size:12px;line-height:1.7}.sr-calibration-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px;display:grid}.sr-fields label{margin-bottom:10px;font-size:12px;font-weight:500;display:block}.sr-fields select,.sr-fields input[type=number]{border:1px solid var(--sr-line);background:var(--canvas-elevated);width:100%;color:var(--ink);border-radius:8px;margin-top:8px;padding:10px;font-size:12px;display:block}.sr-scale-adjust{align-items:center;gap:10px;display:flex}.sr-scale-adjust input{accent-color:#3b82f6;width:100%;min-width:0}.sr-fields small{color:var(--mute);margin-top:10px;font-size:11px;line-height:1.7;display:block}.sr-reference-wrap{background:#3b82f608;border:1px dashed #60a5fa66;border-radius:10px;flex-direction:column;justify-content:center;min-width:0;display:flex}.sr-reference-scroll{padding:22px 16px;overflow-x:auto}.sr-reference{background:#3b82f60a;flex-shrink:0;height:72px;position:relative}.sr-reference:before,.sr-reference:after{content:"";background:#3b82f6;width:1px;height:100%;position:absolute;top:0}.sr-reference:before{left:0;transform:translate(-.5px)}.sr-reference:after{left:100%;transform:translate(-.5px)}.sr-reference>span{color:#60a5fa;white-space:nowrap;place-items:center;font:13px JetBrains Mono,monospace;display:grid;position:absolute;inset:0}.sr-reference-caption{color:var(--body);text-align:center;padding:0 8px 16px;font-size:10px}.screen-ruler .sr-primary{color:#fff;background:#2563eb;border-color:#2563eb;margin-top:20px}.sr-calibration-panel .sr-fit-warning{color:#bc8125}.sr-notice{color:#60a5fa;font-size:12px;line-height:1.6}.sr-notice:not(:empty){margin-top:14px}.sr-bottom-note{border-top:1px solid var(--sr-line);color:var(--mute);flex-wrap:wrap;margin-top:20px;padding-top:16px;font-size:10px}.screen-ruler.sr-focused{z-index:99999;background:var(--canvas-elevated);border-radius:0;height:100dvh;padding:24px;position:fixed;inset:0;overflow-y:auto}.dark .sr-ruler-well{background:#141c2a}.dark .sr-inch-tick{stroke:#9eafc8}.dark .sr-metric-tick{stroke:#6ba5fa}.dark .sr-surface text{fill:#b4c6df}.dark .sr-metric-tick text{fill:#6ba5fa}.dark .sr-surface .sr-scale-label{fill:#8297b5}.dark .sr-marker-line{stroke:#60a5fa}@media (width<=600px){.screen-ruler{border-radius:16px;padding:16px}.sr-tool-name div>span{font-size:10px}.sr-calibration-status{flex-direction:column;align-items:flex-start;gap:4px;margin:18px 0}.sr-status-description{width:100%;padding-left:14px;font-size:11px}.sr-calibration-grid{grid-template-columns:minmax(0,1fr);gap:18px}.sr-calibration-panel{padding:14px}.sr-readout output{gap:10px}.sr-readout b{font-size:25px}.sr-readout output>span{font-size:11px}.sr-readout{align-items:flex-start}.sr-range-label{font-size:10px}.screen-ruler.sr-focused{padding:16px}}.screen-ruler{--sr-accent:#2563eb}.dark .screen-ruler{--sr-accent:#60a5fa}.screen-ruler .sr-text-button,.sr-icon,.screen-ruler .sr-tabs button[aria-pressed=true],.sr-reference>span,.sr-notice{color:var(--sr-accent)}.screen-ruler select{background:var(--canvas-elevated);color:var(--ink);border:1px solid var(--sr-line);border-radius:8px;max-width:100%;min-height:40px;padding:9px;font-size:12px}.sr-inline-field{color:var(--body);align-items:center;gap:8px;font-size:11px;display:flex}.sr-surface{height:220px}.sr-surface.sr-vertical{width:100%;height:460px}.sr-surface-caption{color:#637b9b;letter-spacing:1px;pointer-events:none;white-space:nowrap;font-size:9px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.dark .sr-surface-caption{color:#8297b5}.sr-point line{stroke:#2563eb}.sr-point circle{fill:#2563eb;stroke:#fff;stroke-width:2px}.sr-point-start line{stroke:#0d9488}.sr-point-start circle{fill:#0d9488}.sr-surface .sr-point text{fill:#fff;font:600 10px Inter,sans-serif}.sr-crosshair{stroke:#8a9ab1;stroke-width:1px;stroke-dasharray:3 4;opacity:.8}.sr-hover-reading{background:var(--canvas-elevated);color:var(--sr-accent);border:1px solid var(--sr-line);pointer-events:none;z-index:20;border-radius:5px;padding:3px 8px;font:10px monospace;position:absolute;top:52px;left:50%;transform:translate(-50%)}.sr-secondary-tools,.sr-point-controls,.sr-view-controls{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.sr-secondary-tools{justify-content:space-between;gap:10px;margin-top:12px}.sr-secondary-tools button{min-height:38px;padding:6px 9px;font-size:11px}.sr-secondary-tools button[aria-pressed=true]{color:var(--sr-accent);background:#3b82f60c;border-color:#3b82f655}.sr-point-dot{border-radius:50%;width:7px;height:7px}.sr-dot-a{background:#0d9488}.sr-dot-b{background:#2563eb}.sr-fraction{color:var(--body);margin-top:7px;font-size:11px;display:block}.sr-shortcuts{border:1px solid var(--sr-line);border-radius:12px;margin-top:20px;padding:18px}.sr-shortcuts strong{font-size:13px}.sr-shortcuts p{color:var(--body);margin:6px 0 14px;font-size:11px;line-height:1.8}.sr-shortcuts dl{grid-template-columns:1fr 1fr;gap:12px 20px;display:grid}.sr-shortcuts dl>div{align-items:center;gap:10px;font-size:11px;display:flex}.sr-shortcuts kbd{border:1px solid var(--sr-line);white-space:nowrap;border-radius:5px;padding:4px 6px;font-size:10px;display:inline-block}.sr-shortcuts dd{color:var(--body)}.sr-calibration-tabs{flex-wrap:wrap;width:fit-content;margin-top:16px}.sr-estimate-fields{flex-wrap:wrap;align-items:flex-end;gap:12px;margin-bottom:12px;display:flex}.sr-estimate-fields label{font-size:12px}.sr-estimate-fields input{border:1px solid var(--sr-line);width:180px;color:var(--ink);background:var(--canvas-elevated);border-radius:8px;margin-top:8px;padding:10px;display:block}.sr-status-pixel{background:#3b82f608;border-color:#3b82f630}.sr-status-pixel .sr-status-dot{background:#3b82f6}.screen-ruler:fullscreen{width:100%;max-width:none;height:100%}.sr-focused .sr-surface.sr-vertical{height:max(460px,100dvh - 180px)}@media (width<=600px){.sr-measurement-head{gap:10px}.sr-inline-field{flex-wrap:wrap}.sr-view-controls{gap:5px}.sr-view-controls .sr-inline-field{margin-left:4px}.sr-surface.sr-vertical{height:420px}.sr-shortcuts dl{grid-template-columns:1fr}.sr-readout output{gap:4px 12px}.sr-readout output b{flex-basis:100%}.sr-surface-caption{letter-spacing:.4px;font-size:8px}.sr-secondary-tools{gap:8px}}.sr-auto-panel{margin-top:14px}.sr-detected-card{background:var(--canvas-elevated);border:1px solid var(--sr-line);border-radius:12px;margin-bottom:20px;padding:16px;box-shadow:0 2px 8px #00000006}.sr-detected-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.sr-detected-badge{text-transform:uppercase;letter-spacing:.8px;color:#0d9488;background:#0d948814;border-radius:20px;margin-bottom:6px;padding:2px 8px;font:600 9px JetBrains Mono,monospace;display:inline-block}.sr-detected-card h3{margin:0 0 4px;font-size:15px;font-weight:600}.sr-detected-specs{color:var(--body);margin:0;font:11px JetBrains Mono,monospace}.sr-apply-btn{color:#fff;cursor:pointer;background:#2563eb;border:1px solid #2563eb;border-radius:8px;align-items:center;gap:5px;min-height:32px;padding:6px 12px;font-size:11px;font-weight:600;display:inline-flex}.sr-detected-btn-group{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.sr-reset-btn{cursor:pointer;align-items:center;gap:5px;display:inline-flex;background:var(--canvas)!important;min-height:32px!important;color:var(--body)!important;border:1px solid var(--sr-line)!important;border-radius:8px!important;padding:6px 12px!important;font-size:11px!important}.sr-reset-btn:hover{color:#2563eb!important;border-color:#3b82f6!important}.sr-alternatives{border-top:1px dashed var(--sr-line);color:var(--mute);flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px;padding-top:10px;font-size:11px;display:flex}.sr-alternatives button{border-radius:6px;min-height:28px;padding:4px 9px;font-size:11px}.sr-preset-section{margin-bottom:20px}.sr-preset-label{color:var(--ink);margin-bottom:10px;font-size:12px;font-weight:600;display:block}.sr-preset-grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:8px;display:grid}.screen-ruler .sr-preset-chip{text-align:left;background:var(--canvas-elevated);border:1px solid var(--sr-line);border-radius:10px;flex-direction:column;justify-content:center;align-items:flex-start;min-height:52px;padding:10px 12px;transition:border-color .15s,background .15s;display:flex}.screen-ruler .sr-preset-chip:hover{background:#3b82f608;border-color:#60a5fa}.screen-ruler .sr-preset-chip strong{color:var(--ink);font-size:12px;font-weight:600;line-height:1.3}.screen-ruler .sr-preset-chip small{color:var(--body);margin-top:3px;font:10px JetBrains Mono,monospace}.screen-ruler .sr-preset-chip.sr-active-chip{background:#3b82f612;border-color:#2563eb}.sr-all-devices-row{border-top:1px solid var(--sr-line);padding-top:14px}.sr-all-devices-row label{color:var(--body);margin-bottom:8px;font-size:12px;font-weight:500;display:block}.sr-all-devices-row select{width:100%;max-width:420px}.sr-four-edge-well{border:1px solid var(--sr-line);background:#f8fafc;border-radius:14px;position:relative;overflow:hidden}.dark .sr-four-edge-well{background:#0c1220}.sr-four-edge-surface{touch-action:none;user-select:none;cursor:crosshair;width:100%;height:340px;position:relative}.sr-focused .sr-four-edge-surface{height:max(480px,100dvh - 180px)}.sr-edge-strip{fill:#f1f5f9}.dark .sr-edge-strip{fill:#111827}.sr-edge-divider{stroke:var(--sr-line);stroke-width:1px}.sr-corner-block{fill:#e2e8f0}.dark .sr-corner-block{fill:#1e293b}.sr-edge-toggles{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.sr-edge-label{color:var(--mute);margin-right:4px;font-size:11px;font-weight:600}.screen-ruler .sr-edge-btn{border:1px solid var(--sr-line);background:var(--canvas-elevated);min-height:32px;color:var(--body);border-radius:7px;gap:4px;padding:4px 10px;font-size:11px;transition:background .15s,border-color .15s,color .15s}.screen-ruler .sr-edge-btn:hover{color:var(--ink);border-color:#60a5fa}.screen-ruler .sr-edge-btn[aria-pressed=true]{color:#2563eb;background:#3b82f618;border-color:#3b82f666;font-weight:600}.dark .screen-ruler .sr-edge-btn[aria-pressed=true]{color:#60a5fa;background:#3b82f628;border-color:#60a5fa88}.screen-ruler .sr-edge-all-active{color:#fff!important;background:#2563eb!important;border-color:#2563eb!important}.sr-guide-a{stroke:#0d9488;stroke-dasharray:4 3;stroke-width:1.2px;opacity:.85}.sr-guide-b{stroke:#2563eb;stroke-dasharray:4 3;stroke-width:1.2px;opacity:.85}.dark .sr-guide-b{stroke:#60a5fa}.sr-bezel-mode-trigger{align-items:center;gap:6px;display:inline-flex;color:#2563eb!important;background:#2563eb12!important;border-color:#2563eb55!important}.dark .sr-bezel-mode-trigger{color:#60a5fa!important;background:#3b82f620!important;border-color:#60a5fa66!important}.sr-bezel-overlay{z-index:99999;font-family:var(--font-sans,system-ui);background:#f8fafc;position:fixed;inset:0;overflow:hidden}.dark .sr-bezel-overlay{background:#070b12}.sr-bezel-toolbar{z-index:100000;background:var(--canvas-elevated,#fff);border:1px solid var(--sr-line);backdrop-filter:blur(12px);border-radius:9999px;align-items:center;gap:12px;max-width:95vw;padding:6px 14px;transition:top .2s;display:flex;position:absolute;top:16px;left:50%;overflow-x:auto;transform:translate(-50%);box-shadow:0 12px 36px #00000028}.sr-bezel-toolbar.sr-bezel-toolbar-offset{top:52px}.dark .sr-bezel-toolbar{background:#111827fa;border-color:#374151}.sr-bezel-title{border-right:1px solid var(--sr-line);flex-direction:column;padding-right:4px;line-height:1.2;display:flex}.sr-bezel-title strong{color:var(--ink);white-space:nowrap;font-size:12px}.sr-bezel-title span{color:var(--mute);white-space:nowrap;font-size:10px}.sr-bezel-tabs{padding:2px}.sr-bezel-tabs button{min-height:28px!important;padding:4px 8px!important;font-size:11px!important}.sr-bezel-edge-group{border-left:1px solid var(--sr-line);border-right:1px solid var(--sr-line);align-items:center;gap:4px;padding:0 4px;display:flex}.sr-bezel-label{color:var(--mute);margin-right:2px;font-size:10px;font-weight:600}.sr-bezel-btn{border:1px solid var(--sr-line);background:var(--canvas-elevated);color:var(--body);cursor:pointer;border-radius:6px;align-items:center;gap:4px;min-height:28px;padding:4px 8px;font-size:11px;font-weight:500;display:inline-flex}.sr-bezel-btn:hover{color:var(--ink);border-color:#60a5fa}.sr-bezel-btn[aria-pressed=true]{color:#2563eb;background:#3b82f618;border-color:#3b82f688;font-weight:600}.dark .sr-bezel-btn[aria-pressed=true]{color:#60a5fa;background:#3b82f628;border-color:#60a5fa88}.sr-bezel-all-active{color:#fff!important;background:#2563eb!important;border-color:#2563eb!important}.sr-bezel-actions{align-items:center;gap:6px;display:flex}.sr-bezel-exit-btn{color:#ef4444;cursor:pointer;white-space:nowrap;background:#ef444415;border:1px solid #ef444444;border-radius:9999px;align-items:center;gap:5px;min-height:28px;padding:5px 12px;font-size:11px;font-weight:600;transition:background .15s;display:inline-flex}.sr-bezel-exit-btn:hover{background:#ef444425}.sr-bezel-surface{cursor:crosshair;position:absolute;inset:0}.sr-bezel-strip{fill:#f8fafc}.dark .sr-bezel-strip{fill:#0d131f}.sr-bezel-divider{stroke:var(--sr-line);stroke-width:1.5px}.dark .sr-bezel-divider{stroke:#233045}.sr-bezel-corner rect{fill:#eef2f7}.dark .sr-bezel-corner rect{fill:#162032}.sr-bezel-corner text{fill:#64748b;font:600 10px JetBrains Mono,monospace}.dark .sr-bezel-corner text{fill:#94a3b8}.sr-bezel-crosshair line{stroke:#2563eb;stroke-width:1px;stroke-dasharray:4 4;opacity:.65;pointer-events:none}.dark .sr-bezel-crosshair line{stroke:#60a5fa}.sr-dropped-guide{stroke:#ea580c;stroke-width:1.5px;stroke-dasharray:5 4;opacity:.85;pointer-events:none}.sr-bezel-cursor-readout{pointer-events:none;color:#fff;z-index:10000;white-space:nowrap;backdrop-filter:blur(4px);background:#0f172aee;border-radius:8px;padding:5px 12px;font:11px JetBrains Mono,monospace;position:absolute;box-shadow:0 4px 14px #0004}.sr-bezel-hint{pointer-events:none;background:var(--canvas-elevated,#fff);border:1px solid var(--sr-line);color:var(--body);text-align:center;white-space:nowrap;border-radius:20px;padding:6px 16px;font-size:11px;position:absolute;bottom:44px;left:50%;transform:translate(-50%);box-shadow:0 4px 16px #0001}.dark .sr-bezel-hint{background:#111827ee}.sr-helper-modes{background:var(--canvas-elevated);border:1px solid var(--sr-line);border-radius:8px;align-items:center;gap:4px;padding:2px;display:inline-flex}.sr-helper-modes button{color:var(--body);cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:4px;padding:4px 10px;font-size:11px;font-weight:500;transition:background .15s,color .15s;display:inline-flex}.sr-helper-modes button:hover{color:var(--ink)}.sr-helper-modes button.sr-mode-active{color:#2563eb;background:#3b82f618;font-weight:600}.dark .sr-helper-modes button.sr-mode-active{color:#60a5fa;background:#3b82f628}.sr-helper-panel{background:var(--canvas-elevated);border:1px solid var(--sr-line);border-radius:12px;margin-top:10px;padding:14px 18px;box-shadow:0 4px 16px #0000000a}.dark .sr-helper-panel{background:#111827}.sr-helper-header{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px;display:flex}.sr-helper-title strong{color:var(--ink);margin-bottom:2px;font-size:13px;display:block}.sr-helper-title span{color:var(--mute);font-size:11px;line-height:1.4}.sr-helper-close{color:var(--mute);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px}.sr-helper-close:hover{color:var(--ink);background:var(--hairline)}.sr-ring-controls{flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:14px;display:flex}.sr-ring-label{color:var(--body);align-items:center;gap:8px;font-size:11px;font-weight:500;display:inline-flex}.sr-ring-label select{border:1px solid var(--sr-line);background:var(--canvas-elevated);color:var(--ink);border-radius:6px;padding:5px 10px;font-size:11px}.sr-ring-slider-group{align-items:center;gap:8px;display:inline-flex}.sr-ring-slider-group button{border:1px solid var(--sr-line);background:var(--canvas-elevated);width:26px;height:26px;color:var(--body);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;display:inline-flex}.sr-ring-slider-group button:hover{color:var(--ink);border-color:#60a5fa}.sr-ring-slider-group input[type=range]{accent-color:#2563eb;width:140px}.sr-ring-readout{background:var(--hairline);border-radius:8px;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:10px;padding:10px 14px;display:grid}.dark .sr-ring-readout{background:#1f2937}.sr-ring-stat{flex-direction:column;display:flex}.sr-stat-kicker{text-transform:uppercase;letter-spacing:.5px;color:var(--mute);margin-bottom:2px;font-size:10px;font-weight:600}.sr-stat-val{color:var(--ink);font-size:13px;font-weight:700}.sr-stat-val small{color:var(--mute);font-size:10px;font-weight:400}.sr-ring-fill{fill:#3b82f612}.sr-ring-stroke{stroke:#2563eb;stroke-width:2.5px;fill:none;filter:drop-shadow(0 0 6px #2563eb66)}.dark .sr-ring-stroke{stroke:#60a5fa;filter:drop-shadow(0 0 8px #60a5fa80)}.sr-ring-axis{stroke:#3b82f677;stroke-width:1px;stroke-dasharray:4 4}.dark .sr-ring-axis{stroke:#60a5fa88}.sr-ring-center-dot{fill:#2563eb}.dark .sr-ring-center-dot{fill:#60a5fa}.sr-ring-badge rect{fill:#0f172aee}.sr-ring-badge text{fill:#fff;font:600 11px JetBrains Mono,monospace}.sr-silhouette-chips{flex-wrap:wrap;gap:6px;margin-bottom:12px;display:flex}.sr-silhouette-chip{border:1px solid var(--sr-line);background:var(--canvas-elevated);color:var(--body);cursor:pointer;border-radius:20px;padding:4px 10px;font-size:11px;transition:all .15s}.sr-silhouette-chip:hover{color:var(--ink);border-color:#10b981}.sr-silhouette-chip.active{color:#059669;background:#10b98115;border-color:#10b98188;font-weight:600}.dark .sr-silhouette-chip.active{color:#34d399;background:#10b98125;border-color:#34d39988}.sr-silhouette-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.sr-silhouette-desc{color:var(--mute);font-size:11px}.sr-confirm-silhouette-btn{color:#059669;cursor:pointer;background:#10b98115;border:1px solid #10b98155;border-radius:6px;align-items:center;gap:6px;padding:5px 12px;font-size:11px;font-weight:600;display:inline-flex}.sr-confirm-silhouette-btn:hover{background:#10b98125}.dark .sr-confirm-silhouette-btn{color:#34d399}.sr-silhouette-rect,.sr-silhouette-circle,.sr-silhouette-polygon{fill:#10b98114;stroke:#10b981;stroke-width:2px;stroke-dasharray:6 4}.sr-card-chip{fill:#f59e0b33;stroke:#f59e0b;stroke-width:1.2px}.sr-card-circle-1{fill:#ef444459}.sr-card-circle-2{fill:#f59e0b59}.sr-coin-inner{fill:none;stroke:#10b98155;stroke-width:1px;stroke-dasharray:3 3}.sr-silhouette-badge rect{fill:#064e3bee}.sr-silhouette-badge text{fill:#fff;font:600 11px JetBrains Mono,monospace}.sr-zoom-alert{color:#92400e;background:#fef3c7;border:1px solid #f59e0b;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;padding:10px 16px;font-size:12px;font-weight:500;display:flex}.dark .sr-zoom-alert{color:#fde68a;background:#78350f33;border-color:#f59e0b88}.sr-zoom-dismiss{cursor:pointer;color:inherit!important;background:0 0!important;border:1px solid!important;border-radius:6px!important;min-height:24px!important;padding:2px 10px!important;font-size:11px!important}.sr-tier-scale-bar{border:1px solid var(--sr-line);background:var(--canvas,#f8fafc);border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin:16px 0 14px;padding:12px 16px;display:flex}.sr-scale-bar-left{flex-wrap:wrap;flex:1;align-items:center;gap:12px;display:flex}.sr-scale-status-badge{align-items:center;gap:8px;display:inline-flex}.sr-scale-status-text strong{color:var(--ink);font-size:12px;line-height:1.3;display:block}.sr-scale-status-sub{color:var(--mute);font-size:11px;line-height:1.3;display:block}.sr-scale-bar-right{flex-wrap:wrap;flex-shrink:0;align-items:center;gap:8px;display:flex}.sr-lock-card-btn{color:#fff!important;background:#2563eb!important;border-color:#2563eb!important;min-height:32px!important;padding:5px 12px!important;font-weight:600!important;box-shadow:0 2px 8px #2563eb40!important}.sr-lock-card-btn:hover{background:#1d4ed8!important}.sr-fullscreen-btn{min-height:32px!important;padding:6px 10px!important}.sr-tier-measurement-bar{background:var(--canvas,#f8fafc);border:1px solid var(--sr-line);border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:10px;padding:10px 14px;display:flex}.sr-measure-actions{align-items:center;gap:8px;display:flex}.sr-caliper-zero-btn{cursor:pointer;transition:all .15s;background:var(--canvas-elevated)!important;min-height:32px!important;color:var(--ink)!important;border:1px solid var(--sr-line)!important;border-radius:6px!important;padding:4px 10px!important;font-size:11px!important}.sr-caliper-zero-btn:hover{color:#059669!important;border-color:#10b981!important}.sr-caliper-zero-btn.sr-caliper-active{color:#059669!important;background:#10b98118!important;border-color:#10b98188!important;font-weight:700!important}.dark .sr-caliper-zero-btn.sr-caliper-active{color:#34d399!important;background:#10b98128!important}.sr-needle-dot{fill:#2563eb;stroke:#fff;stroke-width:1.5px}.sr-needle-ring{fill:none;stroke:#2563eb;stroke-width:1.2px;stroke-dasharray:2 2;opacity:.85}.sr-needle-stem{stroke:#2563eb;stroke-width:1.5px;opacity:.75}.sr-handle-circle{fill:#2563eb;stroke:#fff;stroke-width:2.5px;filter:drop-shadow(0 3px 6px #00000038);cursor:grab}.sr-handle-text{fill:#fff;pointer-events:none;font:700 11px Inter,sans-serif}.sr-caliper-zero-tag{fill:#059669;letter-spacing:.5px;pointer-events:none;font:700 8px JetBrains Mono,monospace}.sr-point-start .sr-needle-dot{fill:#059669}.sr-point-start .sr-needle-ring,.sr-point-start .sr-needle-stem{stroke:#059669}.sr-point-start .sr-handle-circle{fill:#059669}.dark .sr-needle-dot,.dark .sr-handle-circle{stroke:#1e293b}.dark .sr-point-end .sr-needle-dot{fill:#60a5fa}.dark .sr-point-end .sr-needle-ring,.dark .sr-point-end .sr-needle-stem{stroke:#60a5fa}.dark .sr-point-end .sr-handle-circle{fill:#3b82f6}.dark .sr-point-start .sr-needle-dot{fill:#34d399}.dark .sr-point-start .sr-needle-ring,.dark .sr-point-start .sr-needle-stem{stroke:#34d399}.dark .sr-point-start .sr-handle-circle{fill:#059669}.sr-ghost-card-rect{fill:#2563eb0a;stroke:#2563eb77;stroke-width:1.5px;stroke-dasharray:6 4}.sr-ghost-card-chip{fill:#f59e0b33;stroke:#f59e0b88;stroke-width:1px}.sr-ghost-card-c1{fill:#ef44444d}.sr-ghost-card-c2{fill:#f59e0b4d}.sr-ghost-card-badge{cursor:pointer}.sr-ghost-card-badge rect{fill:#0f172aee;filter:drop-shadow(0 2px 8px #00000040);transition:fill .15s}.sr-ghost-card-badge:hover rect{fill:#2563eb}.sr-ghost-card-badge text{fill:#fff;pointer-events:none;font:600 11px Inter,sans-serif}.sr-readout-actions{align-items:center;gap:8px;display:flex}.sr-secondary-action-btn{background:var(--canvas)!important;color:var(--body)!important}.sr-secondary-action-btn:hover{color:var(--ink)!important;border-color:#60a5fa!important}.sr-history-tray{background:var(--canvas,#f8fafc);border:1px solid var(--sr-line);border-radius:12px;margin-top:14px;padding:12px 14px}.dark .sr-history-tray{background:#111827}.sr-history-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.sr-history-title{text-transform:uppercase;letter-spacing:.5px;color:var(--mute);font-size:11px;font-weight:600}.sr-history-clear{cursor:pointer;color:var(--mute)!important;background:0 0!important;border:none!important;min-height:20px!important;padding:2px 6px!important;font-size:11px!important}.sr-history-clear:hover{text-decoration:underline;color:#ef4444!important}.sr-history-empty{color:var(--mute);text-align:center;background:var(--canvas-elevated);border:1px dashed var(--sr-line);border-radius:8px;padding:12px;font-size:11px}.sr-history-list{flex-wrap:wrap;gap:8px;display:flex}.sr-history-item{background:var(--canvas-elevated);border:1px solid var(--sr-line);border-radius:8px;align-items:center;gap:10px;padding:6px 10px;font-size:11px;display:inline-flex}.sr-history-index{color:#2563eb;background:#3b82f615;border-radius:4px;padding:2px 6px;font:700 10px JetBrains Mono,monospace}.dark .sr-history-index{color:#60a5fa;background:#3b82f625}.sr-history-info{flex-direction:column;display:flex}.sr-history-val{color:var(--ink);font-family:JetBrains Mono,monospace;font-weight:600}.sr-history-meta{color:var(--mute);font-size:9px}.sr-history-actions{gap:4px;display:flex}.sr-history-actions button{border-radius:4px!important;min-height:24px!important;padding:2px 6px!important;font-size:10px!important}.sr-history-del{color:var(--mute)!important;background:0 0!important;border:1px solid #0000!important}.sr-history-del:hover{color:#ef4444!important;background:#ef444412!important}.sr-primary-modes-bar{background:var(--canvas,#f3f4f6);border:1px solid var(--sr-line);border-radius:12px;flex-wrap:wrap;align-items:center;gap:6px;margin-top:14px;padding:6px;display:flex}.dark .sr-primary-modes-bar{background:#111827}.sr-mode-tab{flex:1;min-width:120px;transition:all .15s;min-height:38px!important;color:var(--body)!important;background:0 0!important;border:1px solid #0000!important;border-radius:8px!important;font-size:12px!important;font-weight:600!important}.sr-mode-tab:hover{color:var(--ink)!important;background:#0000000a!important}.dark .sr-mode-tab:hover{background:#ffffff0d!important}.sr-mode-tab.sr-tab-active{background:var(--canvas-elevated)!important;color:#2563eb!important;border-color:var(--sr-line)!important;box-shadow:0 2px 8px #00000014!important}.dark .sr-mode-tab.sr-tab-active{color:#60a5fa!important;background:#1f2937!important}.sr-ghost-card-toggle{border:1px dashed var(--sr-line)!important;min-height:32px!important;color:var(--mute)!important;background:0 0!important;border-radius:8px!important;padding:4px 10px!important;font-size:11px!important}.sr-ghost-card-toggle.sr-ghost-active{color:#059669!important;background:#10b9810c!important;border-color:#10b98155!important}.sr-canvas-aids-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:10px;display:flex}.sr-point-nudge-group{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.sr-point-selector{background:var(--canvas);border:1px solid var(--sr-line);border-radius:9px;gap:4px;padding:3px;display:inline-flex}.sr-point-btn{min-height:32px!important;color:var(--body)!important;background:0 0!important;border:none!important;border-radius:7px!important;padding:4px 10px!important;font-size:11px!important}.sr-point-btn.active{background:var(--canvas-elevated)!important;color:var(--ink)!important;font-weight:700!important;box-shadow:0 1px 4px #00000014!important}.sr-nudge-buttons{align-items:center;gap:4px;display:inline-flex}.sr-nudge-btn{background:var(--canvas-elevated)!important;border:1px solid var(--sr-line)!important;min-height:32px!important;color:var(--ink)!important;border-radius:7px!important;padding:4px 9px!important;font-size:11px!important;font-weight:600!important}.sr-nudge-btn:hover{color:#2563eb!important;border-color:#3b82f6!important}.sr-clear-btn{min-height:32px!important;color:var(--mute)!important;background:0 0!important;border:1px solid #0000!important;border-radius:7px!important;padding:4px 9px!important;font-size:11px!important}.sr-clear-btn:hover{color:var(--ink)!important;border-color:var(--sr-line)!important}.sr-helper-prompt{color:var(--body);align-items:center;gap:6px;font-size:11px;display:flex}.sr-canvas-toggles{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.sr-edge-pills{background:var(--canvas);border:1px solid var(--sr-line);border-radius:8px;align-items:center;gap:3px;padding:2px 6px;display:inline-flex}.sr-edge-pill{min-height:26px!important;color:var(--mute)!important;background:0 0!important;border:none!important;border-radius:5px!important;padding:2px 7px!important;font-size:10px!important}.sr-edge-pill.active{background:var(--canvas-elevated)!important;color:#2563eb!important;font-weight:600!important;box-shadow:0 1px 3px #00000014!important}.dark .sr-edge-pill.active{color:#60a5fa!important}.sr-snap-pill select{border-radius:6px!important;min-height:30px!important;padding:3px 6px!important;font-size:11px!important}.sr-view-toggles{gap:3px;display:inline-flex}.sr-view-btn{border:1px solid var(--sr-line)!important;background:var(--canvas)!important;min-height:30px!important;color:var(--mute)!important;border-radius:6px!important;padding:4px 8px!important}.sr-view-btn.active{color:#2563eb!important;background:#3b82f615!important;border-color:#3b82f655!important}.dark .sr-view-btn.active{color:#60a5fa!important}.sr-readout{background:var(--canvas-elevated);border:1px solid var(--sr-line);border-radius:14px;margin-top:20px;padding:16px 20px;box-shadow:0 4px 20px #00000008}.sr-readout-header{border-bottom:1px solid var(--sr-line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;padding-bottom:8px;display:flex}.sr-unit-tabs{border-radius:8px!important;padding:2px!important}.sr-unit-tabs button{min-height:28px!important;padding:2px 10px!important;font-size:11px!important}.sr-readout-main{margin:10px 0 14px}.sr-shortcuts-trigger{border:1px solid var(--sr-line)!important;color:var(--mute)!important;background:0 0!important;font-size:11px!important}.sr-shortcuts-trigger:hover{color:var(--ink)!important;border-color:#3b82f6!important}.sr-magnifying-loupe{pointer-events:none;filter:drop-shadow(0 6px 16px #00000040)}.sr-loupe-pointer{stroke:#2563eb;stroke-width:1.5px;stroke-dasharray:2 2}.sr-loupe-ring-bg{fill:#fff}.dark .sr-loupe-ring-bg{fill:#1e293b}.sr-loupe-ring{fill:none;stroke:#2563eb;stroke-width:2.5px}.sr-loupe-crosshair{stroke:#94a3b8;stroke-width:1px;stroke-dasharray:2 2;opacity:.7}.sr-loupe-tick{stroke:#2563eb}.dark .sr-loupe-tick{stroke:#60a5fa}.sr-loupe-tip-a{fill:#0d9488;stroke:#fff;stroke-width:1.5px}.sr-loupe-tip-b{fill:#2563eb;stroke:#fff;stroke-width:1.5px}.sr-loupe-badge rect{fill:#1e293b;opacity:.92}.sr-loupe-badge text{fill:#fff;font:600 10px JetBrains Mono,monospace}.sr-table-fit-btn{color:#2563eb;cursor:pointer;white-space:nowrap;background:#3b82f612;border:1px solid #3b82f644;border-radius:6px;align-items:center;gap:5px;padding:4px 10px;font-size:11px;font-weight:600;transition:all .15s;display:inline-flex}.sr-table-fit-btn:hover{color:#fff;background:#2563eb;border-color:#2563eb;transform:translateY(-1px);box-shadow:0 2px 6px #2563eb4d}.dark .sr-table-fit-btn{color:#60a5fa;background:#3b82f624;border-color:#60a5fa55}.dark .sr-table-fit-btn:hover{color:#fff;background:#3b82f6}tr.sr-row-active{background:#3b82f615!important;border-left:4px solid #2563eb!important}.dark tr.sr-row-active{background:#1e3a8a30!important;border-left:4px solid #60a5fa!important}tr.sr-row-active td,tr.sr-row-active th{color:var(--ink);font-weight:600}tr.sr-row-active .sr-table-fit-btn{box-shadow:0 2px 6px #2563eb59;color:#fff!important;background:#2563eb!important;border-color:#2563eb!important}body.sr-is-focused header,body.sr-is-bezel header,:has(.sr-focused) header,:has(.sr-bezel-overlay) header{display:none!important}.screen-ruler,.sr-ruler-well,.sr-four-edge-well,.sr-calibration-panel,#ruler-calibration{scroll-margin-top:80px}.ruler-page{max-width:1120px;margin:0 auto;padding:28px 24px 64px}.ruler-intro{margin-bottom:24px}.ruler-intro>a{color:var(--mute);font-size:11px;text-decoration:none}.ruler-intro>a span{padding:0 8px}.ruler-intro h1{color:var(--ink);letter-spacing:-1.5px;margin:14px 0 10px;font-size:clamp(28px,3vw,40px);font-weight:650;line-height:1.2}.ruler-intro p{color:var(--body);max-width:750px;font-size:14px;line-height:1.8}.mobile-break{display:none}.ruler-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;margin:32px 0;display:grid}.ruler-steps>div{padding-left:38px;position:relative}.ruler-steps span{color:var(--color-link-deep);font:12px monospace;position:absolute;top:2px;left:0}.ruler-steps h2{margin-bottom:8px;font-size:13px;font-weight:600}.ruler-steps p{color:var(--body);font-size:12px;line-height:1.8}@media (width<=600px){.ruler-page{padding:24px 12px 40px}.mobile-break{display:block}.ruler-intro{padding:0 4px}.ruler-intro p{font-size:12px}.ruler-steps{grid-template-columns:1fr;gap:20px;margin:28px 8px}.sr-bezel-toolbar{gap:8px;padding:4px 8px;font-size:10px}.sr-bezel-toolbar.sr-bezel-toolbar-offset{top:46px}.sr-bezel-title span{display:none}}