.ruler-instrument{flex-direction:column;width:min(100%,560px);min-height:0;margin-inline:auto;padding:5px 0 8px;display:flex}.ruler-topline{justify-content:space-between;align-items:center;gap:12px;display:flex}.ruler-state{letter-spacing:.8px;text-transform:uppercase;color:#6b715c;font-size:10px}.ruler-state[data-ready=true]:before{content:"✓ "}.ruler-units{border:1px solid #d8dacd;border-radius:30px;padding:2px;display:flex}.ruler-units button{background:0 0;border:0;border-radius:24px;width:48px;min-height:44px;font-size:13px}.ruler-units button[aria-pressed=true]{background:#e5ebc8;font-weight:650}.ruler-reading{font-variant-numeric:tabular-nums;justify-content:center;align-items:baseline;gap:10px;margin-top:5px;display:flex}.ruler-reading output{letter-spacing:-.065em;font-size:clamp(58px,11vh,96px);font-weight:500;line-height:1.05}.ruler-reading>span{color:#777d6a;font-size:23px}.ruler-status{text-align:center;color:#666e58;min-height:30px;padding:5px 0 6px;font-size:12px;line-height:1.5}.ruler-stage{background:linear-gradient(90deg,#edf0df 0,#f2f3e9 47%,#faf9f6 100%);border-left:1px solid #78845d;flex:1;min-height:140px;margin:18px 0 22px;position:relative}.ruler-scale{position:absolute;inset:0;overflow:hidden}.ruler-tick{background:#939d7b;width:11px;height:1px;position:absolute;left:0}.ruler-tick.is-middle{width:19px}.ruler-tick.is-major{background:#525f3d;width:30px}.ruler-tick span{color:#525f3d;font-size:10px;line-height:12px;position:absolute;top:-6px;left:38px}.ruler-scale[data-uncalibrated=true]{background:repeating-linear-gradient(0deg,#0000 0 19px,#a7b18d55 19px 20px);width:18px}.ruler-span{pointer-events:none;background:#dfe8b45c;border-right:1px dashed #86945c;position:absolute;left:59px;right:24px}.ruler-stage-note{letter-spacing:1.7px;color:#8a927a;pointer-events:none;white-space:pre-line;font-size:10px;line-height:1.8;position:absolute;top:50%;left:33%;transform:translateY(-50%)}.ruler-marker{cursor:ns-resize;touch-action:none;z-index:2;background:0 0;border:0;height:44px;padding:0;position:absolute;inset-inline:0;transform:translateY(-50%)}.ruler-marker:before{content:"";background:#5f7043;height:1px;position:absolute;top:50%;left:0;right:0}.ruler-marker>span{color:#405129;background:#ecf0dc;border:1px solid #98a579;border-radius:6px;align-items:center;gap:8px;min-width:56px;height:44px;padding:0 11px;font-size:13px;display:flex;position:absolute;top:0;right:0}.ruler-marker[data-ruler-marker=end]>span{color:#fff;background:#394729;border-color:#394729}.ruler-marker:hover>span,.ruler-marker:focus-visible>span{box-shadow:0 0 0 3px #97a27140}.ruler-marker.is-dragging{z-index:3}.ruler-hint{text-align:center;color:#777c6b;margin-bottom:9px;font-size:11px;line-height:1.5}.ruler-actions{justify-content:center;gap:8px;display:flex}.ruler-primary{color:#fff;background:#313b27;border:1px solid #313b27;border-radius:8px;justify-content:center;align-items:center;gap:20px;min-height:46px;padding:10px 18px;font-size:13px;font-weight:550;display:flex}.ruler-actions .ruler-primary{flex:1;max-width:360px}.ruler-reset{background:0 0;border:1px solid #d5d9c8;border-radius:8px;min-height:46px;padding:8px 12px;font-size:11px}.ruler-calibration{width:min(460px,100%);max-width:none;color:var(--ink);overscroll-behavior:contain;background:#faf9f6;border:1px solid #dcdfd0;border-radius:20px;max-height:calc(100dvh - 16px);padding:0}.ruler-calibration::backdrop{background:#24251f70}.ruler-calibration-copy{padding:16px 24px 0}.ruler-calibration-heading{justify-content:space-between;align-items:center;gap:8px;display:flex}.ruler-calibration-heading .eyebrow{color:#777e68;font-size:9px}.ruler-calibration-heading>button{background:0 0;border:0;flex-shrink:0;width:44px;height:44px;font-size:27px}.ruler-calibration h2{letter-spacing:-1px;margin:2px 0 9px;font-size:32px;font-weight:550}.ruler-calibration p{color:#666e59;font-size:13px;line-height:1.6}.ruler-card-area{background:#edf0e2;justify-content:center;min-height:128px;margin:18px 0 8px;display:flex;position:relative;overflow:hidden}.ruler-card-guide{border-left:2px solid #485d2d;border-right:2px solid #485d2d;flex-direction:column;justify-content:center;align-items:center;width:204px;padding-block:14px;display:flex;position:relative}.ruler-card-guide:before{content:"";background:#a4b083;height:1px;position:absolute;top:50%;left:0;right:0}.ruler-card-guide>span:first-child{letter-spacing:1.8px;color:#63734b;font-size:9px}.ruler-card-guide>span:nth-child(2){color:#5d7144;z-index:1;background:#edf0e2;padding-inline:12px;font-size:29px;line-height:1.4}.ruler-card-guide small{color:#63734b;font-size:10px}.ruler-calibration-controls{padding-top:0;padding-bottom:max(23px, env(safe-area-inset-bottom))}.ruler-calibration-controls label{text-align:center;color:#596746;margin-bottom:8px;font-size:12px;display:block}.ruler-calibration-adjust{align-items:center;gap:13px;display:flex}.ruler-calibration-adjust>button{background:#f2f4e9;border:1px solid #ccd2bc;border-radius:7px;min-width:44px;height:44px;font-size:24px}.ruler-calibration-adjust input{accent-color:#64793c;width:100%;min-width:0;height:44px}.ruler-calibration-controls .ruler-calibration-note{text-align:center;margin:7px 0 15px;font-size:11px}.ruler-calibration-controls .ruler-primary{width:100%}.ruler-calibration-controls .ruler-local-note{text-align:center;margin-top:11px;font-size:10px}@media (height<=650px){.ruler-instrument{padding-top:0}.ruler-reading{margin-top:0}.ruler-reading output{font-size:48px}.ruler-topline{min-height:44px}.ruler-status{min-height:27px;font-size:11px}.ruler-stage{min-height:100px;margin-block:15px 21px}.ruler-hint{margin-bottom:7px;font-size:10px}}@media (width<=380px){.ruler-reset{padding-inline:8px;font-size:10px}.ruler-actions .ruler-primary{gap:8px;padding-inline:10px;font-size:12px}.ruler-calibration{border-inline:0;border-radius:14px}.ruler-calibration-copy{padding-inline:16px}.ruler-calibration h2{font-size:28px}}@media (orientation:landscape) and (height<=500px){.ruler-instrument{grid-template-rows:44px minmax(60px,1fr) 36px 46px;grid-template-columns:minmax(180px,1fr) minmax(180px,1fr);gap:4px 28px;max-width:800px;padding-bottom:3px;display:grid}.ruler-topline{grid-column:1}.ruler-reading{grid-column:1;align-self:center}.ruler-status{grid-area:3/1;padding:0;font-size:10px}.ruler-stage{grid-area:1/2/4;min-height:80px;margin:22px 0 16px}.ruler-stage-note{font-size:8px;left:27%}.ruler-hint{grid-area:4/2;align-self:center;margin:0}.ruler-actions{grid-area:4/1}.ruler-actions .ruler-primary{gap:6px;padding-inline:8px;font-size:11px}.ruler-reset{padding-inline:7px;font-size:10px}}