.ruler-body[data-astro-cid-v6frmq7i]{overflow:hidden;height:100vh;width:100vw}.calibration-toast[data-astro-cid-ktqxuouf]{position:fixed;top:68px;left:50%;transform:translate(-50%) translateY(-20px);z-index:1000;background:var(--theme-canvas);border:1px solid var(--theme-hairline-strong);border-radius:var(--radius-sm);padding:10px 16px;box-shadow:var(--shadow-level-4);opacity:0;transition:transform .35s cubic-bezier(.16,1,.3,1),opacity .35s cubic-bezier(.16,1,.3,1);pointer-events:none}.calibration-toast[data-astro-cid-ktqxuouf].show{transform:translate(-50%) translateY(0);opacity:1}.toast-content[data-astro-cid-ktqxuouf]{display:flex;align-items:center;gap:var(--spacing-sm);color:var(--theme-ink);font-size:13px;font-weight:500}.toast-icon[data-astro-cid-ktqxuouf]{color:#0070f3}[data-theme=dark] .toast-icon[data-astro-cid-ktqxuouf]{color:#3291ff}.ruler-app[data-astro-cid-ktqxuouf]{display:flex;flex-direction:column;height:100vh;width:100vw;background:var(--theme-canvas-soft);overflow:hidden}.ruler-toolbar[data-astro-cid-ktqxuouf]{display:flex;align-items:center;justify-content:space-between;height:52px;padding:0 var(--spacing-md);background:var(--theme-canvas);border-bottom:1px solid var(--theme-hairline);gap:var(--spacing-md);flex-shrink:0;z-index:50;transition:background-color .2s ease,border-color .2s ease}.toolbar-left[data-astro-cid-ktqxuouf],.toolbar-right[data-astro-cid-ktqxuouf]{display:flex;align-items:center;gap:var(--spacing-md)}.toolbar-center[data-astro-cid-ktqxuouf]{display:flex;align-items:center;justify-content:center;flex:1;min-width:0}.toolbar-logo[data-astro-cid-ktqxuouf]{color:var(--theme-ink);display:flex;align-items:center;text-decoration:none}.toolbar-group[data-astro-cid-ktqxuouf]{display:flex;align-items:center;gap:var(--spacing-xs)}.toolbar-label[data-astro-cid-ktqxuouf]{white-space:nowrap}.toolbar-pill-group[data-astro-cid-ktqxuouf]{display:flex;gap:2px;background:var(--theme-canvas-soft-2);border-radius:var(--radius-sm);padding:2px}.toolbar-pill[data-astro-cid-ktqxuouf]{display:flex;align-items:center;justify-content:center;gap:4px;padding:4px 10px;font-size:12px;font-weight:500;font-family:var(--font-mono);color:var(--theme-mute);background:transparent;border:none;border-radius:var(--radius-xs);transition:all .15s ease;cursor:pointer;white-space:nowrap}.toolbar-pill[data-astro-cid-ktqxuouf]:hover{color:var(--theme-ink)}.toolbar-pill[data-astro-cid-ktqxuouf].is-active{background:var(--theme-canvas);color:var(--theme-ink);box-shadow:var(--shadow-level-2)}.toolbar-pill-static[data-astro-cid-ktqxuouf]{display:flex;align-items:center;justify-content:center;padding:4px 10px;font-size:12px;font-weight:600;font-family:var(--font-mono);color:var(--theme-ink);background:var(--theme-canvas);border-radius:var(--radius-xs);box-shadow:var(--shadow-level-2);white-space:nowrap;transition:background-color .2s ease,color .2s ease,box-shadow .2s ease}.toolbar-btn[data-astro-cid-ktqxuouf]{display:flex;align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:500;font-family:var(--font-sans);color:var(--theme-body);background:var(--theme-canvas);border:1px solid var(--theme-hairline);border-radius:var(--radius-sm);cursor:pointer;transition:all .15s ease;white-space:nowrap}.toolbar-btn[data-astro-cid-ktqxuouf]:hover{color:var(--theme-ink);border-color:var(--theme-hairline-strong);background:var(--theme-canvas-soft-2)}.toolbar-icon-btn[data-astro-cid-ktqxuouf]{padding:6px}.toolbar-icon-btn[data-astro-cid-ktqxuouf] span[data-astro-cid-ktqxuouf]{display:none}.cursor-info[data-astro-cid-ktqxuouf]{font-family:var(--font-mono);font-size:12px;color:var(--theme-mute);white-space:nowrap}.icon-moon[data-astro-cid-ktqxuouf],[data-theme=dark] .icon-sun[data-astro-cid-ktqxuouf]{display:none}[data-theme=dark] .icon-moon[data-astro-cid-ktqxuouf]{display:block}.ruler-container[data-astro-cid-ktqxuouf]{flex:1;position:relative;overflow:hidden;cursor:crosshair}.ruler-edge[data-astro-cid-ktqxuouf]{position:absolute;z-index:10}.ruler-top[data-astro-cid-ktqxuouf]{top:0;left:0;right:0;height:50px}.ruler-right[data-astro-cid-ktqxuouf]{top:0;right:0;bottom:0;width:50px}.ruler-bottom[data-astro-cid-ktqxuouf]{bottom:0;left:0;right:0;height:50px}.ruler-left[data-astro-cid-ktqxuouf]{top:0;left:0;bottom:0;width:50px}.ruler-overlay[data-astro-cid-ktqxuouf]{position:absolute;inset:0;z-index:5;pointer-events:none}.ruler-instructions[data-astro-cid-ktqxuouf]{position:absolute;inset:0;z-index:20;display:flex;align-items:center;justify-content:center;background:#0000001a;transition:opacity .3s ease;pointer-events:all}[data-theme=dark] .ruler-instructions[data-astro-cid-ktqxuouf]{background:#0006}.instructions-card[data-astro-cid-ktqxuouf]{max-width:480px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);animation:fade-in-up .5s ease}.instructions-icon[data-astro-cid-ktqxuouf]{width:56px;height:56px;display:flex;align-items:center;justify-content:center;border-radius:9999px;background:linear-gradient(135deg,var(--color-gradient-develop-start),var(--color-gradient-develop-end));color:#fff}.instructions-shortcuts[data-astro-cid-ktqxuouf]{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);justify-content:center;margin-top:var(--spacing-xs)}.shortcut[data-astro-cid-ktqxuouf]{display:flex;align-items:center;gap:4px;font-size:12px;color:var(--theme-mute)}.shortcut[data-astro-cid-ktqxuouf] kbd[data-astro-cid-ktqxuouf]{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 6px;font-family:var(--font-mono);font-size:11px;color:var(--theme-ink);background:var(--theme-canvas-soft-2);border:1px solid var(--theme-hairline);border-radius:var(--radius-xs)}.instructions-dismiss[data-astro-cid-ktqxuouf]{margin-top:var(--spacing-xs)}.measurements-panel[data-astro-cid-ktqxuouf]{position:absolute;bottom:var(--spacing-md);right:var(--spacing-md);z-index:15;background:var(--theme-canvas);border-radius:var(--radius-md);box-shadow:var(--shadow-level-4);padding:var(--spacing-sm);min-width:200px;max-height:240px;overflow-y:auto;transition:background-color .2s ease}.measurements-header[data-astro-cid-ktqxuouf]{padding:4px var(--spacing-xs);margin-bottom:4px}.measurement-empty[data-astro-cid-ktqxuouf]{font-size:12px;color:var(--theme-mute);padding:var(--spacing-xs);text-align:center}.measurement-item{display:flex;align-items:center;gap:var(--spacing-xs);padding:6px var(--spacing-xs);border-radius:var(--radius-xs);transition:background-color .1s ease}.measurement-item:hover{background:var(--theme-canvas-soft-2)}.measurement-label{font-family:var(--font-mono);font-size:11px;color:var(--theme-mute);min-width:24px}.measurement-value{font-family:var(--font-mono);font-size:13px;font-weight:500;color:var(--theme-ink);flex:1}.measurement-delete{display:flex;align-items:center;justify-content:center;width:22px;height:22px;border:none;background:transparent;color:var(--theme-mute);border-radius:var(--radius-xs);cursor:pointer;transition:all .15s ease}.measurement-delete:hover{background:var(--color-error-soft);color:var(--color-error)}.modal-overlay[data-astro-cid-ktqxuouf]{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;animation:fade-in .2s ease}.modal-backdrop[data-astro-cid-ktqxuouf]{position:absolute;inset:0;background:#00000080;backdrop-filter:blur(4px)}[data-theme=dark] .modal-backdrop[data-astro-cid-ktqxuouf]{background:#000000b3}.modal-content[data-astro-cid-ktqxuouf]{position:relative;background:var(--theme-canvas);width:90%;max-width:560px;max-height:85vh;overflow-y:auto;animation:fade-in-up .3s ease;display:flex;flex-direction:column;gap:var(--spacing-lg)}.modal-header[data-astro-cid-ktqxuouf]{display:flex;align-items:center;justify-content:space-between}.modal-header[data-astro-cid-ktqxuouf] h2[data-astro-cid-ktqxuouf]{margin:0}.modal-close[data-astro-cid-ktqxuouf]{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid var(--theme-hairline);background:var(--theme-canvas);color:var(--theme-body);border-radius:var(--radius-sm);cursor:pointer;transition:all .15s ease}.modal-close[data-astro-cid-ktqxuouf]:hover{background:var(--theme-canvas-soft-2);color:var(--theme-ink)}.modal-tabs[data-astro-cid-ktqxuouf]{display:flex;gap:2px;background:var(--theme-canvas-soft-2);border-radius:var(--radius-sm);padding:2px}.modal-tab[data-astro-cid-ktqxuouf]{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 12px;font-size:13px;font-weight:500;color:var(--theme-mute);background:transparent;border:none;border-radius:var(--radius-xs);cursor:pointer;transition:all .15s ease;white-space:nowrap}.modal-tab[data-astro-cid-ktqxuouf]:hover{color:var(--theme-ink)}.modal-tab[data-astro-cid-ktqxuouf].is-active{background:var(--theme-canvas);color:var(--theme-ink);box-shadow:var(--shadow-level-2)}.modal-panel[data-astro-cid-ktqxuouf]{display:none}.modal-panel[data-astro-cid-ktqxuouf].is-active{display:block;animation:fade-in .3s ease}.detect-result[data-astro-cid-ktqxuouf]{min-height:200px}.detect-loading[data-astro-cid-ktqxuouf]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-md);padding:var(--spacing-xl)}.detect-spinner[data-astro-cid-ktqxuouf]{width:32px;height:32px;border:3px solid var(--theme-hairline);border-top-color:var(--color-link);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.detect-info[data-astro-cid-ktqxuouf]{display:flex;flex-direction:column;gap:var(--spacing-lg)}.detect-device[data-astro-cid-ktqxuouf]{display:flex;flex-direction:column;gap:4px}.detect-specs[data-astro-cid-ktqxuouf]{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-sm)}.detect-spec[data-astro-cid-ktqxuouf]{display:flex;flex-direction:column;gap:2px;padding:var(--spacing-sm);background:var(--theme-canvas-soft-2);border-radius:var(--radius-sm)}.confidence-high{color:#0a7}.confidence-medium{color:var(--color-warning)}.confidence-low{color:var(--color-error)}#apply-auto-detect[data-astro-cid-ktqxuouf],#apply-diagonal[data-astro-cid-ktqxuouf],#apply-credit-card[data-astro-cid-ktqxuouf]{margin-top:var(--spacing-sm);align-self:flex-start}.calibration-tip[data-astro-cid-ktqxuouf]{font-size:12px;line-height:16px;color:var(--theme-mute);border-top:1px dashed var(--theme-hairline);padding-top:var(--spacing-sm);margin-top:var(--spacing-sm)}.calibration-tip[data-astro-cid-ktqxuouf] strong[data-astro-cid-ktqxuouf]{color:var(--theme-body)}.diagonal-form[data-astro-cid-ktqxuouf]{display:flex;flex-direction:column;gap:var(--spacing-lg)}.diagonal-form[data-astro-cid-ktqxuouf] p[data-astro-cid-ktqxuouf]{margin:0}.diagonal-input-row[data-astro-cid-ktqxuouf]{display:flex;align-items:center;gap:var(--spacing-sm)}.diagonal-input-wrapper[data-astro-cid-ktqxuouf]{position:relative;flex:1}.diagonal-input[data-astro-cid-ktqxuouf]{width:100%;height:48px;padding:0 70px 0 var(--spacing-md);font-size:18px;font-weight:500;font-family:var(--font-sans);color:var(--theme-ink);background:var(--theme-canvas);border:1px solid var(--theme-hairline);border-radius:var(--radius-sm);outline:none;transition:border-color .15s ease}.diagonal-input[data-astro-cid-ktqxuouf]:focus{border-color:var(--color-link)}.diagonal-input[data-astro-cid-ktqxuouf]::placeholder{color:var(--theme-mute)}.diagonal-suffix[data-astro-cid-ktqxuouf]{position:absolute;right:var(--spacing-md);top:50%;transform:translateY(-50%);font-size:14px;color:var(--theme-mute);pointer-events:none}.diagonal-presets[data-astro-cid-ktqxuouf]{display:flex;flex-direction:column;gap:var(--spacing-xs)}.preset-pills[data-astro-cid-ktqxuouf]{display:flex;flex-wrap:wrap;gap:4px}.credit-card-form[data-astro-cid-ktqxuouf]{display:flex;flex-direction:column;gap:var(--spacing-lg)}.credit-card-form[data-astro-cid-ktqxuouf] p[data-astro-cid-ktqxuouf]{margin:0}.credit-card-container[data-astro-cid-ktqxuouf]{display:flex;align-items:center;justify-content:center;min-height:200px;background:var(--theme-canvas-soft-2);border-radius:var(--radius-md);padding:var(--spacing-lg);overflow-x:auto}.credit-card-overlay[data-astro-cid-ktqxuouf]{position:relative;box-sizing:content-box;background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460);border:2px solid var(--color-link);border-radius:10px;overflow:hidden;box-shadow:0 0 12px #0070f366,0 4px 16px #00000040;cursor:ew-resize}.cc-inner[data-astro-cid-ktqxuouf]{padding:16px;height:100%;display:flex;flex-direction:column;justify-content:space-between}.cc-chip[data-astro-cid-ktqxuouf]{opacity:.8}.cc-label[data-astro-cid-ktqxuouf]{font-family:var(--font-mono);font-size:10px;color:#ffffff80;text-align:center;position:absolute;bottom:8px;left:0;right:0}.cc-resize-handle[data-astro-cid-ktqxuouf]{position:absolute;bottom:4px;right:4px;width:20px;height:20px;display:flex;align-items:center;justify-content:center;color:#ffffff4d;cursor:nwse-resize}.cc-slider-row[data-astro-cid-ktqxuouf]{display:flex;align-items:center;gap:var(--spacing-sm)}.cc-slider[data-astro-cid-ktqxuouf]{flex:1;height:4px;-webkit-appearance:none;appearance:none;background:var(--theme-hairline);border-radius:2px;outline:none}.cc-slider[data-astro-cid-ktqxuouf]::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:var(--color-ink);cursor:pointer;border:2px solid var(--theme-canvas);box-shadow:0 1px 3px #0003}[data-theme=dark] .cc-slider[data-astro-cid-ktqxuouf]::-webkit-slider-thumb{background:var(--color-canvas)}.cc-btn[data-astro-cid-ktqxuouf]{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid var(--theme-hairline);background:var(--theme-canvas);color:var(--theme-body);border-radius:var(--radius-sm);cursor:pointer;font-size:16px;font-weight:600;transition:all .15s ease;user-select:none}.cc-btn[data-astro-cid-ktqxuouf]:hover{background:var(--theme-canvas-soft-2);color:var(--theme-ink);border-color:var(--theme-hairline-strong)}.cc-ppi-display[data-astro-cid-ktqxuouf]{text-align:center;font-size:14px;font-weight:500;color:var(--theme-body);background:var(--theme-canvas-soft-2);padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-sm);font-family:var(--font-mono)}.cc-ppi-display[data-astro-cid-ktqxuouf] strong[data-astro-cid-ktqxuouf]{color:var(--theme-ink)}.modal-footer[data-astro-cid-ktqxuouf]{padding-top:var(--spacing-md);border-top:1px solid var(--theme-hairline)}.current-calibration[data-astro-cid-ktqxuouf]{display:flex;align-items:center;gap:var(--spacing-xs)}@media(max-width:768px){.ruler-toolbar[data-astro-cid-ktqxuouf]{display:grid;grid-template-columns:auto 1fr auto;grid-template-rows:auto auto;height:auto;padding:8px var(--spacing-sm);row-gap:8px;column-gap:8px;align-items:center}.toolbar-left[data-astro-cid-ktqxuouf]{display:contents}.toolbar-label[data-astro-cid-ktqxuouf],.toolbar-center[data-astro-cid-ktqxuouf]{display:none}.toolbar-logo[data-astro-cid-ktqxuouf]{grid-column:1;grid-row:1;justify-self:start}#tb-ppi-group[data-astro-cid-ktqxuouf]{grid-column:2;grid-row:1;justify-self:start}.toolbar-right[data-astro-cid-ktqxuouf]{grid-column:3;grid-row:1;justify-self:end;gap:6px}#tb-unit-group[data-astro-cid-ktqxuouf]{grid-column:1 / 3;grid-row:2;justify-self:start}#tb-edge-group[data-astro-cid-ktqxuouf]{grid-column:3;grid-row:2;justify-self:end}.toolbar-btn[data-astro-cid-ktqxuouf] span[data-astro-cid-ktqxuouf]{display:none}.toolbar-btn[data-astro-cid-ktqxuouf]{padding:6px}.measurements-panel[data-astro-cid-ktqxuouf]{bottom:var(--spacing-xs);right:var(--spacing-xs);left:var(--spacing-xs);min-width:auto}.modal-tab[data-astro-cid-ktqxuouf][data-tab=credit-card],.modal-panel[data-astro-cid-ktqxuouf][data-panel=credit-card],.hide-on-mobile[data-astro-cid-ktqxuouf]{display:none!important}}@media(max-width:480px){.modal-tab[data-astro-cid-ktqxuouf]{font-size:11px;padding:6px var(--spacing-xxs);gap:4px}.modal-tab[data-astro-cid-ktqxuouf] svg[data-astro-cid-ktqxuouf]{width:14px;height:14px}}