@layer components{.studio-walk-entry{border:1px solid var(--forest);background:var(--forest);color:#fff;text-align:left;align-items:center;gap:18px;width:100%;margin-top:22px;padding:18px 22px;display:flex}.studio-walk-entry:hover{color:#fff;background:#244d40}.studio-walk-entry>svg{flex-shrink:0;width:28px;height:28px}.studio-walk-entry>svg:last-child{width:20px;margin-left:auto}.studio-walk-entry strong{font-size:17px;font-weight:600;display:block}.studio-walk-entry small{opacity:.8;margin-top:3px;font-size:11px;font-weight:400;display:block}.walkthrough-dialog{background:var(--ivory);width:calc(100vw - 32px);max-width:1536px;height:calc(100dvh - 32px);max-height:none;color:var(--forest);border:0;margin:auto;padding:0;overflow:auto}.walkthrough-dialog::backdrop{background:#0c1d17b8}.walkthrough-shell{flex-direction:column;min-height:100%;padding:22px 28px 20px;display:flex}.walkthrough-header{border-bottom:1px solid var(--line);grid-template-columns:180px 1fr auto;align-items:center;gap:24px;padding-bottom:20px;display:grid}.walkthrough-header h2{text-align:center;margin:0;font-size:clamp(22px,2.1vw,32px)}.walkthrough-brand{letter-spacing:-.035em;font-size:22px;font-weight:600}.walkthrough-dialog button{min-height:46px;color:var(--forest);background:0 0;border:1px solid #cbd2c9;justify-content:center;align-items:center;gap:12px;padding:10px 15px;font-size:13px;line-height:1.35;display:inline-flex}.walkthrough-dialog button svg{flex-shrink:0;width:22px;height:22px}.walkthrough-dialog button:hover{background:#e8ede7}.walkthrough-dialog button[aria-pressed=true]{background:var(--forest);color:#fff;border-color:var(--forest)}.walkthrough-dialog button:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.walkthrough-toolbar{justify-content:space-between;gap:20px;padding-block:14px;display:flex}.walkthrough-modes{gap:5px;display:flex}.walkthrough-modes button{padding-inline:24px}.walkthrough-content{flex:1;grid-template-columns:minmax(0,1fr) 270px;gap:22px;min-height:0;display:grid}.walkthrough-main{flex-direction:column;min-width:0;display:flex}.walkthrough-stage{background:#d7d9cf;border-radius:2px;flex:1;min-height:410px;position:relative;overflow:hidden}.walkthrough-viewport{position:absolute;inset:0}.walkthrough-viewport canvas{touch-action:none;outline-offset:-3px;cursor:grab;width:100%;height:100%;display:block}.walkthrough-viewport canvas:active{cursor:grabbing}.walkthrough-help{text-align:center;padding:10px 8px;font-size:11px;line-height:1.6}.walkthrough-design{border-left:1px solid var(--line);padding:18px 0 10px 22px;overflow:auto}.walkthrough-design h3{margin-bottom:24px;font-size:25px}.walkthrough-label{font-size:13px;font-weight:600;display:block}.walkthrough-label select{background:var(--ivory);width:100%;color:var(--forest);border:1px solid #cbd2c9;min-height:46px;margin-top:9px;padding:12px 32px 12px 12px;font-size:13px;display:block}.walkthrough-materials{border-block:1px solid var(--line);margin-top:22px;padding-block:20px}.walkthrough-materials legend{float:left;width:100%;margin-bottom:12px;font-size:13px;font-weight:600}.walkthrough-materials>div{clear:both;grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.walkthrough-materials button{text-align:left;border:1px solid #0000;min-width:0;padding:3px;font-size:12px;display:block}.walkthrough-materials button span:last-child{margin-top:7px;display:block}.walkthrough-materials button[aria-pressed=true]{color:var(--forest);border-color:var(--forest);background:0 0}.walkthrough-materials .material-swatch{height:56px;display:block}.walkthrough-rooms{padding-top:22px}.walkthrough-rooms h4{margin:0 0 12px;font-size:13px;font-weight:600}.walkthrough-rooms>div{gap:7px;display:grid}.walkthrough-rooms button{justify-content:flex-start;min-height:42px;padding-left:16px}.walkthrough-footprint-note{margin-top:20px;font-size:12px}.walkthrough-footer{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:25px;margin-top:6px;padding-top:16px;display:flex}.walkthrough-footer p{font-size:11px}.walkthrough-dialog .button{background:var(--forest);color:#fff;border-color:var(--forest);min-width:240px;padding:16px 24px}.walkthrough-dialog .button:hover{background:#2a5144}.walkthrough-loading,.walkthrough-error{z-index:3;text-align:center;background:#e4e8de;flex-direction:column;justify-content:center;align-items:center;padding:35px;display:flex;position:absolute;inset:0}.walkthrough-loading strong,.walkthrough-error strong{font-size:20px}.walkthrough-loading p,.walkthrough-error p{max-width:360px;margin:12px 0 20px;font-size:13px}.walkthrough-spinner{border:2px solid #bcc7b8;border-top-color:var(--forest);border-radius:50%;width:30px;height:30px;margin-bottom:20px;animation:1.2s linear infinite walkthrough-spin}.walkthrough-position{pointer-events:none;z-index:1;background:#f7f7f2f0;padding:8px 12px;font-size:12px;position:absolute;top:16px;left:16px}.walkthrough-movement{z-index:2;grid-template-columns:repeat(3,42px);gap:5px;display:grid;position:absolute;bottom:18px;right:18px}.walkthrough-movement button{touch-action:none;user-select:none;background:#f7f7f2f0;min-height:42px;padding:7px}.walkthrough-movement [data-walk-move=forward]{grid-column:2}.walkthrough-movement [data-walk-move=left]{grid-column:1}.walkthrough-movement button:active{background:var(--forest);color:#fff}@keyframes walkthrough-spin{to{transform:rotate(360deg)}}.walkthrough-location{margin-top:20px}.walkthrough-location>div:first-child{justify-content:space-between;gap:8px;margin-bottom:8px;font-size:10px;display:flex}.walkthrough-location svg{width:100%;max-height:125px;display:block}.walkthrough-location[hidden]{display:none}}@layer responsive{@media (width>=901px){.walkthrough-shell{height:100%;min-height:0}.walkthrough-header,.walkthrough-toolbar,.walkthrough-footer{flex-shrink:0}.walkthrough-content{grid-template-rows:minmax(0,1fr)}.walkthrough-main,.walkthrough-design{min-height:0}.walkthrough-content{max-height:calc(100dvh - 248px)}.walkthrough-stage{min-height:min(410px,100dvh - 300px)}}@media (width<=1000px){.walkthrough-header{grid-template-columns:1fr auto}.walkthrough-brand{display:none}.walkthrough-header h2{text-align:left}.walkthrough-content{grid-template-columns:minmax(0,1fr) 220px}.walkthrough-modes button{padding-inline:14px}.walkthrough-design{padding-left:16px}.walkthrough-design h3{font-size:22px}.walkthrough-toolbar>[data-walk-reset] span{display:none}.walkthrough-toolbar>[data-walk-reset]{padding-inline:14px}}@media (width<=900px){.walkthrough-dialog{width:100vw;height:100dvh}.walkthrough-shell{min-height:100%;padding:16px}.walkthrough-content{flex-direction:column;gap:5px;display:flex}.walkthrough-stage{flex:none;height:min(58dvh,530px);min-height:320px}.walkthrough-design{border-left:0;border-top:1px solid var(--line);grid-template-columns:1fr 1fr;gap:14px 22px;padding:20px 0;display:grid;overflow:visible}.walkthrough-design h3{grid-column:1/-1;margin:0}.walkthrough-materials{border:0;margin:0;padding:0}.walkthrough-rooms{grid-column:1/-1;padding-top:5px}.walkthrough-rooms>div{flex-wrap:wrap;gap:6px;display:flex}.walkthrough-rooms button{white-space:nowrap;flex:1;justify-content:center}.walkthrough-footprint-note{grid-column:1/-1;margin:0}.walkthrough-footer{padding-bottom:3px}.walkthrough-modes{flex:1}.walkthrough-modes button{flex:1;gap:7px;padding-inline:12px;font-size:12px}.walkthrough-header{gap:12px;padding-bottom:14px}.walkthrough-header h2{font-size:23px}.walkthrough-header button{padding:9px}.walkthrough-header button span{display:none}}@media (width<=540px){.walkthrough-header h2{font-size:20px}.walkthrough-toolbar{flex-wrap:wrap;gap:6px}.walkthrough-modes{flex-basis:100%;width:100%}.walkthrough-modes button{flex-direction:column;gap:5px;min-height:66px;padding:9px 6px;font-size:10px}.walkthrough-toolbar>[data-walk-reset]{border:0;min-height:32px;margin-left:auto;padding:5px 0;font-size:11px}.walkthrough-toolbar>[data-walk-reset] span{display:inline}.walkthrough-toolbar>[data-walk-reset] svg{width:16px;height:16px}.walkthrough-stage{height:46dvh;min-height:310px}.walkthrough-help{text-align:left;font-size:10px}.walkthrough-design{gap:18px 15px}.walkthrough-label select{max-width:100%;padding-inline:8px;font-size:11px}.walkthrough-materials>div{gap:3px}.walkthrough-materials button{font-size:10px}.walkthrough-materials .material-swatch{height:38px}.walkthrough-materials legend,.walkthrough-label{font-size:12px}.walkthrough-rooms button{padding:9px 11px;font-size:11px}.walkthrough-footer{flex-direction:column;align-items:stretch;gap:14px}.walkthrough-footer p{font-size:10px}.walkthrough-dialog .button{width:100%;min-width:0}.walkthrough-position{font-size:10px;top:10px;left:10px}.walkthrough-movement{bottom:10px;right:10px}.studio-walk-entry{gap:12px;padding:15px}.studio-walk-entry strong{font-size:15px}.studio-walk-entry small{font-size:10px}}@media (width<=900px){.walkthrough-header{background:var(--ivory);z-index:5;padding-top:8px;position:sticky;top:-16px}}@media (width>=1001px){.walkthrough-modes{flex:1;max-width:840px}.walkthrough-modes button{flex:1}.walkthrough-toolbar>[data-walk-reset]{min-width:270px}}.walkthrough-dialog[data-render-capture]{width:2268px;max-width:none;height:1410px}.walkthrough-dialog[data-render-capture] .walkthrough-content{grid-template-columns:1920px 270px;max-height:none}.walkthrough-dialog[data-render-capture] .walkthrough-stage{flex:none;height:1080px;min-height:1080px}.walkthrough-dialog[data-render-capture] .walkthrough-position,.walkthrough-dialog[data-render-capture] .walkthrough-movement{display:none}@media (width<=900px){.walkthrough-location{grid-column:1/-1;margin-top:0}.walkthrough-location svg{max-height:105px}}@media (width<=540px){.walkthrough-stage{aspect-ratio:4/3;height:auto;min-height:0}.walkthrough-location>div:first-child{font-size:10px}.walkthrough-movement{grid-template-columns:repeat(3,34px);gap:4px}.walkthrough-movement button{min-height:34px;padding:5px}}}