.scene{opacity:0;width:100%;height:100%;stroke:var(--color-ink);stroke-width:.3px;stroke-linejoin:round;stroke-linecap:round;transition:opacity .4s;position:absolute;inset:0}.scene .wall-paint,.scene rect[fill^=url]{stroke:none}.desk .wall-paint{fill:color-mix(in srgb, var(--color-paint-1) 14%, var(--color-paper))}.bedside .wall-paint{fill:color-mix(in srgb, var(--color-paint-4) 55%, var(--color-paper))}.sideboard .wall-paint{fill:color-mix(in srgb, var(--color-paint-3) 16%, var(--color-paper))}.sofa .wall-paint{fill:color-mix(in srgb, var(--color-paint-2) 26%, var(--color-paper))}.scene .line{fill:none}.scene .ink{fill:var(--color-ink)}.scene .surface{fill:var(--color-surface)}.scene .soft{fill:color-mix(in srgb, var(--color-paint-4) 70%, var(--color-ink) 12%)}.scene .tint{fill:color-mix(in srgb, var(--color-paint-3) 40%, var(--color-surface))}.scene .accent-1{fill:var(--color-paint-1)}.scene .accent-2{fill:var(--color-paint-2)}.scene .wood{fill:#9a6a43}.scene .wood-light{fill:#c08e5f}.scene .shade{fill:#fbefd2}.scene .upholstery{fill:color-mix(in srgb, var(--color-ink) 62%, var(--color-paint-3))}.scene .upholstery-dark{fill:color-mix(in srgb, var(--color-ink) 80%, var(--color-paint-3))}.ghost{left:50%;bottom:var(--b);width:var(--w);z-index:1;border:1.5px dashed #ffffffe6;transition:opacity .3s;position:absolute;translate:-50%;box-shadow:0 0 0 1px #1d1b1847,inset 0 0 0 1px #1d1b1847}.room-canvas{width:var(--w);left:50%;bottom:var(--b);transition:width .45s cubic-bezier(.3,.9,.3,1.1),bottom .45s cubic-bezier(.3,.9,.3,1.1);position:absolute;translate:-50%}.room>input{position:fixed;top:0;left:0}.room:has(#size-0:checked) .desk,.room:has(#size-1:checked) .bedside,.room:has(#size-2:checked) .sideboard,.room:has(#size-3:checked) .sofa{opacity:1}.room:has(#size-0:checked) .ghost[data-size="0"],.room:has(#size-1:checked) .ghost[data-size="1"],.room:has(#size-2:checked) .ghost[data-size="2"],.room:has(#size-3:checked) .ghost[data-size="3"]{opacity:0}.room:has(#orient-p:checked) [data-orient=l],.room:has(#orient-l:checked) [data-orient=p]{display:none}.room:has(#size-0:checked) label[for=size-0],.room:has(#size-1:checked) label[for=size-1],.room:has(#size-2:checked) label[for=size-2],.room:has(#size-3:checked) label[for=size-3],.room:has(#orient-p:checked) label[for=orient-p],.room:has(#orient-l:checked) label[for=orient-l],.room:has(#frame-none:checked) label[for=frame-none],.room:has(#frame-black:checked) label[for=frame-black],.room:has(#frame-white:checked) label[for=frame-white],.room:has(#frame-natural:checked) label[for=frame-natural],.room:has(#frame-brown:checked) label[for=frame-brown]{border-color:var(--color-ink);background:var(--color-ink);color:var(--color-paper)}.room:has(#frame-black:checked) .canvas-art-frame[data-frame=black],.room:has(#frame-white:checked) .canvas-art-frame[data-frame=white],.room:has(#frame-natural:checked) .canvas-art-frame[data-frame=natural],.room:has(#frame-brown:checked) .canvas-art-frame[data-frame=brown]{display:block}.room:has(input[name=frame]:checked:not(#frame-none)) .canvas-art-edge{display:none}.room:has(#orient-p:checked):has(#size-0:checked) .room-canvas{--w:var(--w-0-p);--b:var(--b-0-p);--fw:var(--fw-0-p)}.room:has(#orient-p:checked):has(#size-1:checked) .room-canvas{--w:var(--w-1-p);--b:var(--b-1-p);--fw:var(--fw-1-p)}.room:has(#orient-p:checked):has(#size-2:checked) .room-canvas{--w:var(--w-2-p);--b:var(--b-2-p);--fw:var(--fw-2-p)}.room:has(#orient-p:checked):has(#size-3:checked) .room-canvas{--w:var(--w-3-p);--b:var(--b-3-p);--fw:var(--fw-3-p)}.room:has(#orient-l:checked):has(#size-0:checked) .room-canvas{--w:var(--w-0-l);--b:var(--b-0-l);--fw:var(--fw-0-l)}.room:has(#orient-l:checked):has(#size-1:checked) .room-canvas{--w:var(--w-1-l);--b:var(--b-1-l);--fw:var(--fw-1-l)}.room:has(#orient-l:checked):has(#size-2:checked) .room-canvas{--w:var(--w-2-l);--b:var(--b-2-l);--fw:var(--fw-2-l)}.room:has(#orient-l:checked):has(#size-3:checked) .room-canvas{--w:var(--w-3-l);--b:var(--b-3-l);--fw:var(--fw-3-l)}.room:has(input:focus-visible) .pickers{outline:3px solid var(--color-paint-2);outline-offset:4px;border-radius:999px}.frame-swatch{background:var(--color-surface);border:.32rem solid #0000;border-image:url(/frames/black.webp) 60;width:1.6rem;height:1.2rem}.frame-swatch[data-frame=none]{background:0 0;border:1.5px solid;border-radius:1px}.frame-swatch[data-frame=white]{border-image-source:url(/frames/white.webp)}.frame-swatch[data-frame=natural]{border-image-source:url(/frames/natural.webp)}.frame-swatch[data-frame=brown]{border-image-source:url(/frames/brown.webp)}.room-scene{background:color-mix(in srgb, var(--color-paint-3) 10%, var(--color-paper))}.room:has(#closeup:checked) .scene,.room:has(#closeup:checked) .ghost{opacity:0}.room:has(#closeup:checked):has(#orient-p:checked) .room-canvas{--w:52%;--b:13.5%}.room:has(#closeup:checked):has(#orient-l:checked) .room-canvas{--w:76%;--b:26%}.room .closeup-off{display:inline-flex}.room .closeup-on,.room:has(#closeup:checked) .closeup-off{display:none}.room:has(#closeup:checked) .closeup-on{display:inline-flex}.room:not(:has(#closeup:checked)) .canvas-art-body{transform:none}.room .canvas-art-face{box-shadow:0 0 0 1px #1d1b181f,0 4.5cqw 7cqw -1.5cqw #1d1b1873}.room .canvas-art-frame{box-shadow:0 4.5cqw 7cqw -1.5cqw #1d1b1873}.room:has(#closeup:checked) .canvas-art-face{box-shadow:0 0 0 1px #1d1b181f,2.5cqw 4.5cqw 7cqw -1cqw #1d1b1873}.room:has(#closeup:checked) .canvas-art-frame{box-shadow:2.5cqw 4.5cqw 7cqw -1cqw #1d1b1873}