.atelier-page.yw-page>main{max-width:1440px;padding:0 4% 64px}.yw{--yw-ink:#26231f;--yw-quiet:#5e564c;--yw-bronze:#8a6738;--yw-line:#d8d1c6;--yw-tint:#f1ead9;color:var(--yw-ink);font-variant-numeric:lining-nums;grid-template:"stage head""stage panel"1fr/minmax(0,1.7fr) minmax(320px,1fr);align-items:start;column-gap:clamp(32px,4vw,64px);padding-top:8px;display:grid}.yw-head{grid-area:head;padding-top:20px}.yw-stage{grid-area:stage;min-width:0;margin:0;position:sticky;top:16px}.yw-panel{grid-area:panel;min-width:0;padding-bottom:24px}.yw-progress{min-height:44px;font:500 12px/1.4 var(--font-body);letter-spacing:.12em;color:#6b5434;align-items:center;gap:14px;display:flex}.yw-count{text-transform:uppercase}.yw-steps{gap:4px;margin-left:auto;display:inline-flex}.yw-steps i{background:var(--yw-line);width:18px;height:2px;display:block}.yw-steps i[data-on]{background:var(--yw-bronze)}.yw-back{min-height:44px;color:var(--yw-ink);font:500 14px/1.3 var(--font-body);letter-spacing:0;cursor:pointer;text-underline-offset:5px;background:0 0;border:0;align-items:center;gap:6px;padding:0 4px 0 0;-webkit-text-decoration:underline #bfa77f;text-decoration:underline #bfa77f;display:inline-flex}.yw-head h1{font:400 clamp(30px,3.2vw,46px)/1.05 var(--font-display);letter-spacing:-.01em;color:var(--yw-ink);margin:6px 0 0}.yw:not([data-step=begin]) .yw-head h1{color:#4f4538;font-size:clamp(22px,1.8vw,26px)}.yw-head h1:focus{outline:none}.yw-stage-box{width:100%;aspect-ratio:var(--yw-aspect,3/2);max-width:calc(min(78vh,860px) * var(--yw-ar,1.5));touch-action:none;-webkit-user-select:none;user-select:none;background:#efeae0;position:relative;overflow:hidden}.yw-mode-view{touch-action:pan-y}.yw-stage-box canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.yw-stage-wait,.yw-laying{color:var(--yw-ink);font:500 13px/1.3 var(--font-body);letter-spacing:.02em;background:#fffdf8e6;padding:8px 14px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.yw-laying{top:auto;bottom:22px;transform:translate(-50%)}.yw-overlay{position:absolute;inset:0;overflow:visible}.yw-veil{fill:#1f1a1340;pointer-events:none}.yw-outline{fill:none;stroke:#fff8e8;stroke-width:1.5px;pointer-events:none;filter:drop-shadow(0 0 1px #3b2a12)}.yw-mode-mark .yw-outline{stroke-dasharray:6 5}.yw-hit{fill:#0000;cursor:move;pointer-events:all}.yw-corner,.yw-move{cursor:grab;touch-action:none;background:0 0;border:0;place-items:center;width:44px;height:44px;margin:-22px 0 0 -22px;padding:0;display:grid;position:absolute}.yw-corner span{background:var(--metal-fill,#efe2c4);border:1px solid #b89660;border-radius:50%;width:18px;height:18px;display:block;box-shadow:0 1px 4px #3b2a1259}.yw-corner-active span,.yw-corner:hover span{border-color:var(--yw-bronze);width:22px;height:22px}.yw-move{color:#5e4423;cursor:move;background:#fffdf8d9;border-radius:50%;width:44px;height:44px;box-shadow:0 1px 4px #3b2a1240}:is(.yw-corner:focus-visible,.yw-move:focus-visible){outline:2px solid var(--bronze,#8a6738);outline-offset:1px}.yw-dim{color:var(--yw-ink);font:500 14px/1.2 var(--font-body);white-space:nowrap;pointer-events:none;background:#fffdf8f0;padding:4px 10px;position:absolute;transform:translate(-50%,-130%)}.yw-dim-height{transform:translate(calc(-100% - 10px),-50%)}.yw-stage figcaption{font:400 13px/1.5 var(--font-body);color:var(--yw-quiet);flex-wrap:wrap;justify-content:space-between;gap:4px 14px;padding-top:10px;display:flex}.yw-credit{color:var(--yw-quiet)}.yw-step{justify-items:start;gap:18px;padding-top:18px;display:grid}.yw-step>*{max-width:44ch;margin:0}.yw-step h2{font:400 clamp(26px,2.4vw,34px)/1.15 var(--font-display);color:var(--yw-ink);margin:0}.yw-step h2:focus{outline:none}.yw-step p{color:var(--yw-ink);font-size:15px;line-height:1.6}.yw-lead{font:400 clamp(20px,1.7vw,24px)/1.4 var(--font-display)!important}.yw-actions{flex-wrap:wrap;align-items:center;gap:12px 28px;display:flex}.yw-primary{min-width:200px}.yw-primary.yw-saved{opacity:1;cursor:default}.yw-text{min-height:44px;color:var(--yw-ink);font:500 15px/1.4 var(--font-body);text-underline-offset:6px;cursor:pointer;text-align:left;background:0 0;border:0;align-items:center;gap:8px;padding:0;-webkit-text-decoration:underline #a98c64;text-decoration:underline #a98c64;text-decoration-thickness:1px;display:inline-flex}.yw-text:hover{color:#5f4526;text-decoration-thickness:2px}.yw-text:disabled{opacity:.55;cursor:wait}.yw-inline{min-height:auto;display:inline}.yw-camera{display:none}@media (pointer:coarse){.yw-camera{display:inline-flex}}.yw-file{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.yw-note{color:var(--yw-quiet)!important;font-size:14px!important}.yw-error{font-size:15px;color:#8c3b22!important}.yw-status:empty{display:none}.yw-status{color:var(--yw-ink)}.yw-quiet-actions{flex-wrap:wrap;gap:4px 28px;display:flex}.yw-result-actions{padding-top:4px}.yw-angle{gap:14px;width:100%;max-width:360px;display:grid}.yw-angle label{color:var(--yw-quiet);gap:6px;font-size:14px;display:grid}.yw-angle label span{justify-content:space-between;display:flex}.yw-angle output{color:var(--yw-ink);font-variant-numeric:tabular-nums}.yw-angle input[type=range]{width:100%;min-height:32px;accent-color:var(--yw-bronze)}.yw-measure{justify-items:start;gap:12px;width:100%;display:grid}.yw-measure>*{margin:0}.yw-measure label{font:500 14px/1.4 var(--font-body);color:var(--yw-ink)}.yw-width-row{border-bottom:1px solid var(--yw-ink);align-items:stretch;gap:16px;width:100%;max-width:300px;display:flex}.yw-width-row input{min-width:0;min-height:52px;color:var(--yw-ink);font:400 28px/1.2 var(--font-display);font-variant-numeric:lining-nums tabular-nums;background:0 0;border:0;outline:none;flex:1;padding:6px 0}.yw-width-row:focus-within{border-bottom-color:var(--yw-bronze);box-shadow:0 1px 0 var(--yw-bronze)}.yw-width-row input:focus-visible{outline:none}.yw-width-row:has(input:focus-visible){outline:2px solid var(--bronze,#8a6738);outline-offset:6px}.yw-units{align-items:center;gap:2px;display:inline-flex}.yw-units button{min-width:44px;min-height:44px;color:var(--yw-quiet);font:500 16px/1 var(--font-body);cursor:pointer;background:0 0;border:0;padding:0 6px}.yw-units button[aria-pressed=true]{color:var(--yw-ink);text-decoration:underline;-webkit-text-decoration-color:var(--yw-bronze);text-decoration-color:var(--yw-bronze);text-underline-offset:7px;text-decoration-thickness:2px}.yw-derived{color:var(--yw-ink)}.yw-measure .yw-primary{margin-top:8px}.yw-strip{overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:thin;gap:14px;width:100%;padding:4px 2px 10px;display:flex;overflow-x:auto;max-width:none!important}.yw-card{color:var(--yw-ink);text-align:left;cursor:pointer;scroll-snap-align:start;background:0 0;border:0;flex:0 0 112px;align-content:start;gap:8px;padding:0;display:grid}.yw-thumb{outline-offset:3px;outline:1px solid #0000;width:112px;height:112px;display:block;overflow:hidden}.yw-thumb img{width:100%;height:100%;display:block}.yw-card[aria-pressed=true] .yw-thumb{outline:2px solid var(--yw-bronze)}.yw-card:hover .yw-thumb{outline-color:#c4ae88}.yw-card-name{font:400 14px/1.35 var(--font-body)}.yw-card[aria-pressed=true] .yw-card-name{font-weight:600}.yw-tabs{border-bottom:1px solid var(--yw-line);width:100%;display:flex;max-width:360px!important}.yw-tabs button{min-height:52px;color:var(--yw-quiet);font:500 15px/1.3 var(--font-body);cursor:pointer;font-variant-numeric:lining-nums;background:0 0;border:0;border-bottom:2px solid #0000;flex:1;justify-items:center;gap:0;margin-bottom:-1px;padding:6px 4px 8px;display:grid}.yw-tabs button small{color:var(--yw-quiet);font-size:13px}.yw-tabs button[aria-pressed=true]{color:var(--yw-ink);border-bottom-color:var(--yw-bronze)}.yw-light{max-width:260px!important}.yw-light button{min-height:44px}.yw-supply{border:1px solid var(--yw-line);grid-template-columns:repeat(3,minmax(0,1fr));width:100%;display:grid;max-width:420px!important}.yw-supply button{min-height:52px;color:var(--yw-ink);font:500 14px/1.25 var(--font-body);text-align:left;cursor:pointer;font-variant-numeric:lining-nums tabular-nums;background:0 0;border:0;border-radius:0;align-content:center;gap:2px;padding:6px 10px;display:grid}.yw-supply button+button{border-left:1px solid var(--yw-line)}.yw-supply button small{color:var(--yw-quiet);font-size:13px;font-weight:400}.yw-supply button[aria-pressed=true]{background:var(--yw-tint);box-shadow:inset 0 0 0 1px var(--yw-bronze)}.yw-supply button:focus-visible{outline:2px solid var(--yw-bronze);outline-offset:2px;z-index:1;position:relative}.yw-installation{align-self:flex-start;font-size:14px}.yw-sentence{font-variant-numeric:lining-nums tabular-nums;font:400 clamp(19px,1.5vw,22px)/1.5 var(--font-display)!important;max-width:38ch!important}.yw-basis{color:var(--yw-quiet)!important;margin-top:-6px!important;font-size:14px!important}.yw-confirm{align-items:flex-start;gap:8px;font-size:15px;display:flex}.yw-confirm svg{color:var(--yw-bronze);flex:none;margin-top:4px}.yw-confirm a{color:var(--yw-ink);text-underline-offset:5px;min-height:24px;margin-left:6px;-webkit-text-decoration:underline #a98c64;text-decoration:underline #a98c64;display:inline-block}@media (prefers-reduced-motion:no-preference){.yw-step{animation:.35s ease-out both yw-in}.yw-stage-box canvas{transition:opacity .2s}.yw-stage-box[data-rendering] canvas{opacity:.92}}@keyframes yw-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@media (max-width:900px){.yw{grid-template:"head""stage""panel"/minmax(0,1fr);padding-top:0}.yw-stage{position:static}.yw-head{padding:10px 0 14px}.yw-stage-box{max-width:calc(62vh * var(--yw-ar,1.5));margin-inline:auto}}@media (max-width:700px){.atelier-page.yw-page>main{padding:0 16px 48px}.yw-stage{margin:0 -16px}.yw-stage figcaption{padding:10px 16px 0}.yw-step{gap:16px}.yw-step p,.yw-text,.yw-confirm{font-size:15px}.yw-note,.yw-basis{font-size:15px!important}.yw-supply{grid-template-columns:1fr;max-width:none!important}.yw-supply button{grid-template-columns:minmax(0,1fr) auto;align-items:center;min-height:48px;font-size:15px}.yw-supply button+button{border-left:0;border-top:1px solid var(--yw-line)}.yw-supply button small{font-size:14px}.yw-installation,.yw-card-name{font-size:15px}.yw-primary{width:100%}.yw-actions{gap:8px 24px}.yw-actions .yw-primary{width:100%}.yw-strip{width:calc(100% + 32px);margin:0 -16px;padding:4px 16px 10px}.yw-tabs,.yw-light{max-width:none!important}}.yw[data-step=begin]{grid-template-areas:"head head""stage panel";row-gap:28px}.yw[data-step=begin] .yw-head{padding:22px 0 0}.yw[data-step=begin] .yw-head h1{font-size:clamp(38px,4.6vw,64px)}.yw-room-intro{border-bottom:1px solid var(--yw-line);flex-wrap:wrap;align-items:center;gap:12px 18px;padding:18px 0 22px;display:flex}.yw-room-intro p{width:100%;color:var(--yw-quiet);margin:0 0 6px;font-size:15px;line-height:1.7}.yw-room-intro label{color:var(--yw-quiet);font-size:12px}.yw-room-intro select{border:1px solid var(--yw-line);max-width:100%;min-height:44px;color:var(--yw-ink);font:14px var(--font-body);background:#faf7ef;padding:10px 35px 10px 14px}.yw-room-explorer{position:static}.yw-room-explorer .catalog-room-settings{grid-template-columns:repeat(3,minmax(0,1fr))}.yw-own-heading{font:400 30px/1.15 var(--font-display);margin:0 0 18px}@media (max-width:900px){.yw[data-step=begin]{grid-template-columns:minmax(0,1fr);grid-template-areas:"head""stage""panel";row-gap:22px}.yw-room-explorer .catalog-room-settings{grid-template-columns:repeat(2,minmax(0,1fr))}.yw[data-step=begin] .yw-panel{border-top:1px solid var(--yw-line);padding-top:26px}}@media (max-width:700px){.atelier-page.yw-page>main{padding-inline:20px}.yw-stage{margin-inline:-20px}.yw-stage figcaption{padding-inline:20px}.yw-strip{width:calc(100% + 40px);margin-inline:-20px;padding-inline:20px}.yw-stage.yw-room-explorer{margin-inline:0}.yw-room-intro select{font-size:16px}.yw:not([data-step=begin]) .yw-step{gap:14px;padding-top:14px}}@media (max-width:900px){.yw:not([data-step=begin]) .yw-step>.yw-primary,.yw-measure>.yw-primary{bottom:calc(10px + env(safe-area-inset-bottom,0px));z-index:5;position:sticky;box-shadow:0 6px 22px #2a1d0f2e}}