.rebar-hero{grid-template-columns:minmax(0,1.4fr) minmax(17rem,.8fr);padding-bottom:clamp(2rem,4vw,4rem)}.rebar-hero h1{max-width:none}.rebar-hero .lead{max-width:60ch}.rebar-viewfinder{--alignment-offset:0;--alignment-visibility:1;background:var(--surface);border:1px solid var(--line);justify-self:center;width:min(100%,21rem);margin:0;padding:1rem}.rebar-viewfinder>svg{fill:none;stroke-width:2px;width:100%;display:block}.rebar-viewfinder-corners{stroke:var(--ink);stroke-width:3px}.rebar-viewfinder-grid{stroke:var(--line);stroke-width:1px}.rebar-viewfinder-center{stroke:var(--accent)}.rebar-live-frame{stroke:var(--ink)}.rebar-viewfinder .rebar-ghost-frame{stroke:var(--muted);stroke-dasharray:7 6;opacity:calc(.5 * var(--alignment-visibility));transform-origin:360px 170px;transform:translate(calc(var(--alignment-offset) * 26px + var(--alignment-sway-x,0px)), calc(var(--alignment-offset) * -14px + var(--alignment-sway-y,0px))) rotate(calc(var(--alignment-offset) * 4deg + var(--alignment-sway-roll,0deg)))}.rebar-viewfinder-controls{font:.75rem/1.5 var(--font-detail);font-variant-numeric:tabular-nums;padding:.25rem .25rem 0}.rebar-readouts,.rebar-viewfinder-footer{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.rebar-readouts{color:var(--muted)}.rebar-readout-value,.rebar-alignment-status{color:var(--ink)}.rebar-viewfinder-footer{min-height:44px}.rebar-alignment-status{align-items:center;gap:.5rem;transition:opacity .35s ease-out,transform .35s ease-out;display:inline-flex}.rebar-alignment-status:before{content:"";background:var(--accent);border-radius:50%;width:.4rem;height:.4rem}.rebar-viewfinder[data-state=playing] .rebar-alignment-status{opacity:0;transform:translateY(.35rem)}.rebar-replay{border:1px solid var(--line);border-radius:var(--radius-control);width:44px;height:44px;color:var(--ink);cursor:pointer;background:0 0;place-items:center;padding:0;display:inline-grid}.rebar-replay:hover{border-color:var(--ink)}.rebar-replay[hidden]{display:none}.rebar-replay svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:1.1rem;height:1.1rem}.rebar-viewfinder figcaption,.rebar-comparison-figure figcaption{color:var(--muted);margin-top:.75rem;font-size:.75rem}@media (max-width:800px){.rebar-hero{grid-template-columns:minmax(0,1fr)}.rebar-viewfinder{width:min(100%,17rem)}}@media (prefers-reduced-motion:reduce){.rebar-viewfinder .rebar-ghost-frame,.rebar-viewfinder[data-state=playing] .rebar-alignment-status{transform:none}.rebar-viewfinder[data-state=playing] .rebar-alignment-status{opacity:1}.rebar-replay{display:none}}.rebar-problem{align-items:baseline;padding-block:clamp(2rem,4vw,4rem)}.rebar-problem h2,.rebar-problem p{margin-block:0}.rebar-comparison{grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem;display:grid}.rebar-guides{margin-bottom:clamp(3rem,7vw,6rem)}.rebar-guides .product-detail-evidence{background:0 0;border-top:0;padding-inline:0}.rebar-guides dl{grid-template-columns:repeat(4,minmax(0,1fr));gap:1.5rem;margin-bottom:0;display:grid}@media (max-width:800px){.rebar-guides dl{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:700px){.rebar-comparison,.rebar-guides dl{grid-template-columns:minmax(0,1fr)}.rebar-problem{gap:1.5rem}}.rebar-comparison-figure{background:var(--surface);border-block:1px solid var(--line);margin:0;padding:clamp(1rem,3vw,2.5rem)}.rebar-comparison-figure svg{fill:none;stroke-width:2px;width:100%;margin-inline:auto;display:block}.rebar-early-access{background:var(--surface);border-top:3px solid #0000;padding-inline:clamp(1.5rem,4vw,3rem);position:relative}.rebar-early-access p{margin-top:0}.rebar-tree{transform:scaleY(var(--tree-growth,1));opacity:var(--tree-growth,1)}.rebar-tree--first{transform-origin:438px 177px}.rebar-tree--second{transform-origin:534px 167px}.rebar-retake[data-motion=pending]{--tree-growth:0}.rebar-guide-glyph{fill:none;width:5rem;height:3.5rem;stroke:var(--muted);stroke-width:1.5px;margin-bottom:.75rem;display:block}.rebar-glyph-moving{stroke:var(--ink);transform-origin:40px 28px}.rebar-guide-glyph--position circle,.rebar-guide-glyph--tilt circle{fill:var(--ink)}.rebar-guide-glyph--position[data-motion=pending] .rebar-glyph-moving{transform:translate(-40px)}.rebar-guide-glyph--bearing[data-motion=pending] .rebar-glyph-moving{transform:rotate(-90deg)}.rebar-guide-glyph--tilt[data-motion=pending] .rebar-glyph-moving{transform:translate(-18px)}.rebar-guide-glyph--framing[data-motion=pending] .rebar-glyph-moving{transform:translate(-10px,7px)}.rebar-early-access-rule{width:100%;height:3px;position:absolute;top:-3px;left:0}.rebar-early-access-rule-line{background:var(--accent);transform-origin:0;width:100%;height:100%;display:block}.rebar-early-access-rule[data-motion=pending] .rebar-early-access-rule-line{transform:scaleX(0)}@media (prefers-reduced-motion:reduce){.rebar-retake .rebar-tree,.rebar-guide-glyph .rebar-glyph-moving,.rebar-early-access-rule[data-motion] .rebar-early-access-rule-line{opacity:1;transform:none}}.rebar-glyph-accent,.rebar-framing-crosshair{stroke:var(--kumiko-vermilion)}.rebar-guide-glyph[data-motion=complete] .rebar-glyph-accent{transition:stroke .45s ease-out,fill .45s ease-out}.rebar-framing-crosshair{stroke-width:2px}.rebar-guide-glyph circle.rebar-glyph-accent{fill:var(--kumiko-vermilion)}.rebar-guide-glyph:is([data-motion=pending],[data-motion=playing]) .rebar-glyph-accent{stroke:var(--ink)}.rebar-guide-glyph:is([data-motion=pending],[data-motion=playing]) circle.rebar-glyph-accent{fill:var(--ink)}@media (prefers-reduced-motion:reduce){.rebar-guide-glyph[data-motion] .rebar-glyph-accent{stroke:var(--kumiko-vermilion);transition:none}.rebar-guide-glyph[data-motion] circle.rebar-glyph-accent{fill:var(--kumiko-vermilion)}}