.stage{background:var(--rm-stage);color:var(--rm-on-stage);isolation:isolate;position:relative;overflow:hidden}.stage:before{content:"";z-index:-1;background-image:radial-gradient(circle at 1.5px 1.5px, var(--rm-stage-line) 1.5px, transparent 2px);background-size:26px 26px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000,#000 30% 75%,#0000);mask-image:linear-gradient(#0000,#000 30% 75%,#0000)}.stage:after{content:"";z-index:-1;background:radial-gradient(closest-side, color-mix(in oklab, var(--rm-accent) 18%, transparent), transparent);pointer-events:none;width:70%;height:80%;position:absolute;top:12%;left:8%}.stage-in{max-width:1440px;padding:var(--s-4) var(--gutter) var(--s-7);grid-template-columns:minmax(0,1fr);grid-template-areas:"title""scene""pick""panel";margin:0 auto;display:grid}.stage-title{z-index:2;grid-area:title;position:relative}@media (width>=1200px){.stage-title{pointer-events:none}}.stage-kicker{font:700 .8125rem/1.2 var(--font-text);letter-spacing:.16em;text-transform:uppercase;color:var(--rm-on-stage-soft);margin-bottom:var(--s-3)}.stage-kicker span{color:var(--rm-accent);padding:0 .3em}.stage-h1{font-family:var(--font-wide);letter-spacing:-.03em;color:var(--rm-on-stage);text-wrap:balance;max-width:9.5em;font-size:clamp(2.375rem,1.3rem + 4.4vw,4.25rem);font-weight:750;line-height:.98}.stage-lede{margin-top:var(--s-4);font-size:var(--fs-lede);color:var(--rm-on-stage-soft);text-wrap:pretty;max-width:30ch;line-height:1.45}@media (width>=1200px){.stage-lede{max-width:20ch;font-size:1.1875rem}.stage-title .stage-hint{max-width:16ch}}@media (width>=600px) and (width<=1199px){.stage-scene svg.room{max-width:860px;margin:0 auto}.stage-panel{max-width:720px}}.stage-hint{align-items:center;gap:var(--s-2);margin-top:var(--s-4);font-size:var(--fs-small);color:var(--rm-on-stage);text-wrap:pretty;max-width:34ch;font-weight:600;display:none}:root.js .stage-hint{display:flex}.hint-pin{flex:none;width:28px;height:28px}.stage-scene{z-index:1;margin:var(--s-4) calc(-1 * var(--s-2)) 0;grid-area:scene;position:relative}.stage-scene svg.room{width:100%;height:auto;display:block}.pick{margin-top:var(--s-4);grid-area:pick}.pick-legend{font:700 .8125rem/1.2 var(--font-text);letter-spacing:.14em;text-transform:uppercase;color:var(--rm-on-stage-soft);margin-bottom:var(--s-3);padding:0}.pick-list{gap:var(--s-2);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.pick-chip{align-items:center;gap:var(--s-2);min-height:44px;padding:6px var(--s-3) 6px 10px;border:var(--bw-control) solid color-mix(in oklab, var(--rm-on-stage-soft) 55%, var(--rm-stage-2));background:var(--rm-stage-2);color:var(--rm-on-stage);cursor:pointer;transition:background-color var(--t-state), border-color var(--t-state), color var(--t-state);border-radius:999px;font-size:.9375rem;font-weight:600;line-height:1.2;display:flex;position:relative}.pick-chip input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.pick-chip .icon{width:22px;height:22px;color:var(--rm-accent);flex:none}.pick-chip:hover{border-color:var(--rm-accent)}.pick-chip:has(input:checked){background:var(--rm-accent);border-color:var(--rm-accent);color:var(--rm-on-accent)}.pick-chip:has(input:checked) .icon{color:var(--rm-on-accent)}.pick-chip:has(input:focus-visible){outline:var(--focus-width) solid var(--rm-accent);outline-offset:3px}.stage-panel{margin-top:var(--s-5);z-index:2;grid-area:panel;position:relative}.sp{background:var(--board);color:var(--graphite);padding:var(--s-5) 20px var(--s-5);box-shadow:0 1px 0 color-mix(in oklab, var(--rm-light) 30%, transparent) inset, 0 24px 48px -24px color-mix(in oklab, var(--rm-shade) 80%, transparent);border-radius:14px;display:none}.sp-intro{display:block}.stage:has(input[name=pick]:checked) .sp-intro{display:none}.sp-kicker{align-items:center;gap:var(--s-2);font:700 .8125rem/1.3 var(--font-text);letter-spacing:.1em;text-transform:uppercase;color:var(--graphite-soft);display:flex}.sp-kicker .icon{width:18px;height:18px;color:var(--violet)}.sp-h{font-family:var(--font-wide);letter-spacing:-.02em;margin-top:var(--s-2);font-size:clamp(1.75rem,1.4rem + 1.2vw,2.25rem);font-weight:750;line-height:1.05}.sp-lede{margin-top:var(--s-3);font-size:var(--fs-label);color:var(--graphite-soft)}.sp-steps{margin:var(--s-5) 0 0;counter-reset:sp;padding:0;list-style:none}.sp-steps>li{counter-increment:sp;padding:0 0 var(--s-4) 46px;font-size:var(--fs-small);margin:0;line-height:1.5;position:relative}.sp-steps>li:last-child{padding-bottom:0}.sp-steps>li:before{content:counter(sp);background:var(--board);border:var(--bw-control) solid var(--edge);width:30px;height:30px;color:var(--graphite);font:700 .875rem/1 var(--font-text);border-radius:50%;place-items:center;display:grid;position:absolute;top:-2px;left:0}.sp-steps>li:after{content:"";background:var(--line);width:1.5px;position:absolute;top:32px;bottom:2px;left:14.25px}.sp-steps>li:last-child:after{display:none}.sp-steps>li.is-lead:before{background:var(--graphite);border-color:var(--graphite);color:var(--on-graphite)}.sp-steps h3{font-size:var(--fs-label);margin-bottom:2px;font-weight:700;line-height:1.35}.sp-steps p+p{margin-top:var(--s-2)}.sp-more a{font-weight:600}.sp-act{margin-top:var(--s-3)}.btn-stage{background:var(--rm-accent);color:var(--rm-on-accent);border:0;width:auto;min-height:48px}.btn-stage:hover{background:color-mix(in oklab, var(--rm-accent), var(--rm-light) 22%);color:var(--rm-on-accent)}.btn-stage-2{background:var(--board);color:var(--graphite);border:var(--bw-control) solid var(--edge);width:auto;min-height:48px}.btn-stage-2:hover{border-color:var(--graphite);color:var(--graphite)}.stage:has(#pick-picture:checked) [data-panel=picture],.stage:has(#pick-mirror:checked) [data-panel=mirror],.stage:has(#pick-shelf:checked) [data-panel=shelf],.stage:has(#pick-curtain-pole:checked) [data-panel=curtain-pole],.stage:has(#pick-blind:checked) [data-panel=blind],.stage:has(#pick-tv:checked) [data-panel=tv],.stage:has(#pick-towel-rail:checked) [data-panel=towel-rail],.stage:has(#pick-shower-caddy:checked) [data-panel=shower-caddy],.stage:has(#pick-hooks:checked) [data-panel=hooks]{display:block}.room path,.room circle,.room ellipse{stroke-linejoin:round;stroke-linecap:round}.room .it path,.room .r-struct path:not([class*=kl-]){stroke:color-mix(in oklab, var(--rm-ink) 70%, transparent);stroke-width:.8px}.room .r-struct .k-paint-x,.room .r-struct .k-paint2-x,.room .r-struct .k-paint2-y,.room .r-struct .k-tile-x,.room .r-struct .k-tile-y,.room .r-struct .k-timber-t,.room .r-struct .k-floortile-t{stroke-width:1.2px}@media (prefers-reduced-motion:no-preference){.room .it,.room .pin,.room .leader,.room .tag,.room .pin-ring{transition:opacity .24s var(--ease-out)}}.stage:has(input[name=pick]:checked) .room .it{opacity:.42}.stage:has(#pick-picture:checked) .room [data-pick=picture],.stage:has(#pick-mirror:checked) .room [data-pick=mirror],.stage:has(#pick-shelf:checked) .room [data-pick=shelf],.stage:has(#pick-curtain-pole:checked) .room [data-pick=curtain-pole],.stage:has(#pick-blind:checked) .room [data-pick=blind],.stage:has(#pick-tv:checked) .room [data-pick=tv],.stage:has(#pick-towel-rail:checked) .room [data-pick=towel-rail],.stage:has(#pick-shower-caddy:checked) .room [data-pick=shower-caddy],.stage:has(#pick-hooks:checked) .room [data-pick=hooks]{opacity:1}.pin-hit{fill:#0000}.pin-ring{fill:none;stroke:var(--rm-accent);stroke-width:3px;opacity:0}.tag{opacity:0;pointer-events:none}.tag-bg{fill:var(--rm-stage-2);stroke:color-mix(in oklab, var(--rm-on-stage-soft) 50%, transparent);stroke-width:1px}.tag-t{fill:var(--rm-on-stage);font:600 15px var(--font-text)}.leader{fill:none;stroke:var(--rm-accent);stroke-width:2px;stroke-dasharray:5 6;opacity:0}.stage:has(#pick-picture:checked) .pin-picture :is(.pin-ring,.tag),.stage:has(#pick-mirror:checked) .pin-mirror :is(.pin-ring,.tag),.stage:has(#pick-shelf:checked) .pin-shelf :is(.pin-ring,.tag),.stage:has(#pick-curtain-pole:checked) .pin-curtain-pole :is(.pin-ring,.tag),.stage:has(#pick-blind:checked) .pin-blind :is(.pin-ring,.tag),.stage:has(#pick-tv:checked) .pin-tv :is(.pin-ring,.tag),.stage:has(#pick-towel-rail:checked) .pin-towel-rail :is(.pin-ring,.tag),.stage:has(#pick-shower-caddy:checked) .pin-shower-caddy :is(.pin-ring,.tag),.stage:has(#pick-hooks:checked) .pin-hooks :is(.pin-ring,.tag),.stage:has(#pick-picture:checked) .leader-picture,.stage:has(#pick-mirror:checked) .leader-mirror,.stage:has(#pick-shelf:checked) .leader-shelf,.stage:has(#pick-curtain-pole:checked) .leader-curtain-pole,.stage:has(#pick-blind:checked) .leader-blind,.stage:has(#pick-tv:checked) .leader-tv,.stage:has(#pick-towel-rail:checked) .leader-towel-rail,.stage:has(#pick-shower-caddy:checked) .leader-shower-caddy,.stage:has(#pick-hooks:checked) .leader-hooks,.stage[data-hover=picture] .pin-picture .tag,.stage[data-hover=mirror] .pin-mirror .tag,.stage[data-hover=shelf] .pin-shelf .tag,.stage[data-hover=curtain-pole] .pin-curtain-pole .tag,.stage[data-hover=blind] .pin-blind .tag,.stage[data-hover=tv] .pin-tv .tag,.stage[data-hover=towel-rail] .pin-towel-rail .tag,.stage[data-hover=shower-caddy] .pin-shower-caddy .tag,.stage[data-hover=hooks] .pin-hooks .tag,.stage[data-hover=picture] .room .it[data-pick=picture],.stage[data-hover=mirror] .room .it[data-pick=mirror],.stage[data-hover=shelf] .room .it[data-pick=shelf],.stage[data-hover=curtain-pole] .room .it[data-pick=curtain-pole],.stage[data-hover=blind] .room .it[data-pick=blind],.stage[data-hover=tv] .room .it[data-pick=tv],.stage[data-hover=towel-rail] .room .it[data-pick=towel-rail],.stage[data-hover=shower-caddy] .room .it[data-pick=shower-caddy],.stage[data-hover=hooks] .room .it[data-pick=hooks]{opacity:1}.stage.is-live .room [data-pick]{cursor:pointer}.lens-bg{fill:var(--rm-stage-2)}.lens-shadow{fill:color-mix(in oklab, var(--rm-shade) 70%, transparent)}.lens-ring{fill:none;stroke:var(--rm-on-stage);stroke-width:3px}.lens-ring-in{fill:none;stroke:color-mix(in oklab, var(--rm-on-stage) 30%, transparent);stroke-width:1px;stroke-dasharray:2 5}.lens-k{opacity:0}.lens-plasterboard{opacity:1}.stage:has(input[name=pick]:checked) .lens-plasterboard{opacity:0}.stage:has(#pick-picture:checked) .lens-plasterboard,.stage:has(#pick-shelf:checked) .lens-plasterboard,.stage:has(#pick-tv:checked) .lens-plasterboard,.stage:has(#pick-curtain-pole:checked) .lens-plasterboard,.stage:has(#pick-mirror:checked) .lens-brick,.stage:has(#pick-blind:checked) .lens-block,.stage:has(#pick-towel-rail:checked) .lens-tiles,.stage:has(#pick-shower-caddy:checked) .lens-tiles,.stage:has(#pick-hooks:checked) .lens-tiles{opacity:1}.lens-tag-bg{fill:var(--rm-stage);stroke:var(--rm-on-stage);stroke-width:1.5px}@media (width<=599px){.room .lens-tag,.room .tag{display:none}}.lens path{stroke:color-mix(in oklab, var(--rm-ink) 70%, transparent);stroke-width:.8px}.lens .kl-mortar,.lens .kl-joint,.lens .kl-speck,.lens .kl-grout,.lens .kl-ink-soft{stroke-width:1.2px}.lens .kl-ink-soft{stroke:color-mix(in oklab, var(--rm-ink) 50%, transparent)}@media (prefers-reduced-motion:no-preference){.lens-k{transition:opacity .26s var(--ease-out), transform .42s var(--ease-out);transform-box:view-box}}@media (width>=1200px){.stage-in{column-gap:var(--s-6);padding-top:var(--s-5);padding-bottom:var(--s-5);grid-template:"scene panel"minmax(0,1fr)"pick panel"/minmax(0,1fr) 380px;height:clamp(680px,100svh - 64px,960px)}.stage-title{grid-area:scene;align-self:start}.stage-scene{grid-area:scene;justify-content:flex-end;align-self:stretch;align-items:flex-end;min-height:0;margin:0;display:flex}.stage-scene svg.room{width:auto;max-width:calc(100% - 9rem);height:96%}.pick{margin-top:var(--s-3)}.pick-list{gap:var(--s-2);flex-wrap:wrap;display:flex}.pick-chip{padding-right:var(--s-4)}.stage-panel{align-self:center;margin-top:0}}