.frame-measurements{border-top:1px solid var(--border);padding-top:24px}.measurement-heading{justify-content:space-between;align-items:center;gap:16px;display:flex}.measurement-tabs{border-bottom:1px solid var(--border);grid-template-columns:1fr 1fr 1.35fr;margin-top:20px;display:grid}.measurement-tabs>button{min-width:0;min-height:48px;color:var(--muted-foreground);border-bottom:2px solid #0000;border-radius:0;padding-inline:8px;font-size:13px;font-weight:400;transition:color .16s,border-color .16s}.measurement-tabs>button[aria-selected=true]{color:var(--primary);border-bottom-color:var(--primary);background:var(--background);font-weight:500}.measurement-panel{margin-top:16px}.measurement-panel:focus-visible{outline:2px solid var(--ring);outline-offset:4px}.measurement-visual{aspect-ratio:4/3;background:var(--background);border:1px solid var(--border);isolation:isolate;border-radius:6px;position:relative;overflow:hidden}.dimension-drawing{width:100%;height:100%;animation:.42s ease-out dimension-enter}.dimension-frame-body,.dimension-temple{fill:var(--foreground);stroke:var(--foreground);stroke-width:1px;stroke-linejoin:round}.dimension-lens{fill:var(--background);stroke:var(--muted-foreground);stroke-width:1px}.dimension-bridge{fill:none;stroke:var(--foreground);stroke-width:3px}.dimension-detail{fill:none;stroke:var(--muted-foreground);stroke-width:.8px;opacity:.7}.dimension-rivet{fill:var(--background)}.dimension-hinge{fill:var(--muted);stroke:var(--muted-foreground);stroke-width:.8px}.dimension-selected{stroke:var(--primary);stroke-width:1.5px;filter:drop-shadow(0 0 2px color-mix(in oklab,var(--primary) 20%,transparent));animation:.65s ease-out dimension-highlight}.dimension-lens.dimension-selected{fill:color-mix(in oklab,var(--primary) 5%,var(--background))}.dimension-baseline{stroke:var(--border);stroke-width:.7px}.dimension-extension{fill:none;stroke:var(--primary);stroke-width:.75px;stroke-dasharray:2 4;opacity:.5}.measurement-illustration-label{color:var(--muted-foreground);font-size:10px;position:absolute;top:14px;left:16px}.measurement-overlay{width:100%;height:100%;color:var(--primary);pointer-events:none;animation:.4s ease-out measurement-reveal;position:absolute;inset:0}.measurement-overlay path{fill:none;stroke:currentColor;stroke-width:1px;vector-effect:non-scaling-stroke}.measurement-overlay>g>path{stroke-dasharray:400;animation:.65s ease-out both dimension-draw}.measurement-overlay circle{fill:var(--background);stroke:currentColor;stroke-width:1px}.measurement-overlay text{fill:currentColor;stroke:var(--background);stroke-width:4px;paint-order:stroke;font-size:12px;font-weight:500}.measurement-caption{min-height:120px;padding:20px 0 4px}.measurement-values{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:0;display:grid}.measurement-values>div+div{border-left:1px solid var(--border);padding-left:16px}.measurement-values dt{color:var(--muted-foreground);font-size:12px;line-height:1.5}.measurement-values dt span{color:var(--muted-foreground);margin-left:4px;font-size:10px}.measurement-values dd{color:var(--foreground);font-variant-numeric:tabular-nums;overflow-wrap:anywhere;margin:6px 0 0;font-size:16px;font-weight:500;line-height:1.5}.measurement-values-single{grid-template-columns:1fr}.measurement-values-single>div{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.measurement-values-single dd{margin:0}.measurement-explanation{color:var(--muted-foreground);margin:14px 0 0;font-size:12px;line-height:1.6}@keyframes measurement-reveal{0%{opacity:0}to{opacity:1}}@keyframes dimension-enter{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes dimension-draw{0%{stroke-dashoffset:400px}to{stroke-dashoffset:0}}@keyframes dimension-highlight{0%{stroke-opacity:.3}to{stroke-opacity:1}}@media (prefers-reduced-motion:reduce){.dimension-drawing,.dimension-selected,.measurement-overlay,.measurement-overlay>g>path{animation:none}.measurement-tabs>button{transition:none}}