/* The same room, carried from capture to a shared design. */
.spatial-story{height:1120svh}.model-float{isolation:isolate}.empty-cutaway{position:absolute;inset:0;width:100%;height:auto;opacity:0;filter:drop-shadow(0 32px 24px #55462a16)}.scan-plane{position:absolute;inset:0;pointer-events:none;opacity:0;background:linear-gradient(180deg,transparent 48%,#c29f6a70 49%,#fcf9f490 50%,transparent 51%);background-size:100% 230%;clip-path:polygon(8% 22%,38% 4%,92% 24%,92% 74%,55% 98%,8% 74%)}[data-phase=empty] .scan-plane{animation:room-scan 2.3s ease-in-out 1}.drawing-stage{position:absolute;left:29%;right:7%;top:20%;bottom:16%;z-index:6;pointer-events:none;perspective:1400px}.drawing-sheet{position:absolute;inset:0;margin:0;opacity:0;transform:rotateX(18deg) rotateZ(-5deg) translateY(70px);transition:opacity .65s,transform .85s;display:flex;flex-direction:column;justify-content:center;align-items:center;filter:drop-shadow(10px 22px 20px #473c2915);pointer-events:none}.drawing-sheet img{width:100%;height:calc(100% - 42px);object-fit:contain}.drawing-sheet figcaption{font:8px var(--mono);color:#9b886b;display:flex;justify-content:space-between;width:90%;margin-top:16px}.drawing-sheet a{border-bottom:1px solid #bdac93;padding-bottom:6px}.drawing-sheet.active{opacity:1;transform:rotateX(0) rotateZ(-2deg) translateY(0);pointer-events:auto}.elevation-sheet.active{transform:rotateX(0) rotateZ(1deg) translateY(0)}.inline-editor{position:absolute;top:9%;bottom:15%;left:24%;right:2%;z-index:5;opacity:0;pointer-events:none;transition:opacity .5s}.inline-editor.active{opacity:1;pointer-events:auto}.editor-canvas{position:absolute;inset:0}.editor-canvas canvas{width:100%;height:100%;display:block}.editor-view-label{position:absolute;top:2%;left:15%;right:auto;font-size:7px;color:#978b77;pointer-events:none}.editor-selection{position:absolute;bottom:15%;left:50%;transform:translateX(-50%);padding:9px 12px;background:#fefcfbdb;border:1px solid #e7e4de;display:flex;align-items:center;gap:9px;font-size:9px;white-space:nowrap;pointer-events:none}.editor-selection .status-dot{width:4px;height:4px}#inline-engine-status{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:10px;color:#7c7261}.stage-tools{position:absolute;left:29%;right:9%;bottom:15%;z-index:9;pointer-events:none;min-height:0}.phase-tool{display:none;pointer-events:auto;max-width:480px;margin:auto;background:#fafaf8ed;padding:15px 18px;border:1px solid #e0ddd7;box-shadow:0 8px 30px #6151370a;backdrop-filter:blur(10px)}.phase-tool.active{display:block;animation:tool-arrive .4s ease-out}.phase-tool>.mono{display:block;font-size:7px;color:#8f8069;margin-bottom:11px;letter-spacing:.09em}.auto-prompt{display:flex;align-items:center;gap:10px;font-size:12px}.auto-prompt svg{color:var(--clay);width:16px;height:16px}.auto-prompt button{margin-left:auto;padding:3px 8px;font-size:19px;background:transparent;color:var(--clay)}.mini-directions{display:flex;gap:5px;margin-top:10px}.mini-directions button{background:none;padding:7px 12px;font-size:9px;border:1px solid transparent}.mini-directions button.active{border-color:#ccbfa8;background:#fefdfb}.tool-row{display:flex;gap:4px}.tool-row button{flex:1;font-size:10px;padding:10px 8px;background:#f5f4f1;white-space:nowrap}.tool-row button.active{background:#99753f;color:#fefcfb}.tool-row.secondary{margin-top:6px}.tool-row.secondary button{background:none;border-bottom:1px solid #d2c7b4;font-size:9px;padding-bottom:8px}.interaction-hint{display:block;font-size:8px;color:#978c7a;margin-top:10px}.chair-options{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.chair-options button{padding:8px 6px;display:flex;flex-direction:column;align-items:center;background:none;border:1px solid transparent;font-size:10px}.chair-options button.active{border-color:#bcad95;background:#fdfcf9}.chair-options small{display:block;color:#9a8c77;font-size:7px;margin-top:4px}.chair-silhouette{width:39px;height:31px;display:block;margin:0 0 10px;background:#ac7556;border-radius:17px 17px 11px 11px;border-bottom:5px solid #78563d;box-shadow:inset 7px -6px 0 #9b624a,inset -7px -6px 0 #9b624a;transform:perspective(200px) rotateY(-15deg)}.chair-silhouette.slipper{background:#dfd2b9;border-radius:10px 10px 5px 5px;border-bottom:5px solid #a69273;box-shadow:inset 0 -11px 0 #c3b598}.chair-silhouette.frame{background:#9b9d7e;border-radius:3px;border:3px solid #ad8e62;border-bottom:7px solid #af946f;box-shadow:inset 0 -8px 0 #7b8162}.colour-options{display:flex;gap:25px;justify-content:center}.colour-options button{background:transparent;font-size:8px;display:flex;flex-direction:column;align-items:center;gap:8px;padding:6px 3px}.colour-options i{width:29px;height:29px;border-radius:50%;background:var(--colour);border:1px solid #b3a590;box-shadow:inset 0 0 0 2px #fff4}.colour-options button.active i{outline:1px solid var(--clay);outline-offset:4px}.floor-options{display:flex;justify-content:center;gap:35px}.floor-options button{display:flex;flex-direction:column;align-items:center;gap:12px;font-size:9px;padding:7px 11px;background:transparent;border-bottom:1px solid transparent}.floor-options button.active{border-bottom-color:var(--clay)}.floor-options .sample{width:40px;height:40px}.render-stage{position:absolute;left:28%;right:5%;top:24%;z-index:6;opacity:0;pointer-events:none;transform:translateY(30px);transition:.7s}.render-stage.active{opacity:1;pointer-events:auto;transform:translateY(0)}.render-comparison{position:relative;aspect-ratio:1.6;overflow:hidden;background:#e7e4e0;box-shadow:0 22px 45px #4c3c251a;--reveal:62%}.render-comparison img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.render-after{clip-path:inset(0 0 0 var(--reveal))}.compare-label{position:absolute;top:20px;background:#fcfbf9ec;padding:7px 10px;font:7px var(--mono);color:#826e50;pointer-events:none;z-index:2}.before-label{left:20px}.after-label{right:20px}.compare-rule{position:absolute;left:var(--reveal);height:100%;top:0;border-left:1px solid #fdfbf8;z-index:2;pointer-events:none}.compare-rule i{font-style:normal;font-size:18px;width:32px;height:32px;background:#fcfbf9;border:1px solid #c0b198;border-radius:50%;position:absolute;left:-16px;top:50%;display:grid;place-items:center;color:#8f7143}#render-slider{position:absolute;inset:0;margin:0;width:100%;height:100%;opacity:0;cursor:ew-resize;z-index:3}#render-slider:focus-visible{opacity:.05}.render-comparison:focus-within{outline:2px solid var(--clay);outline-offset:5px}.render-footer{display:flex;justify-content:space-between;margin-top:18px;color:#887b66;font-size:9px}.render-footer .mono{font-size:7px}.share-artifact{position:absolute;right:6%;top:27%;width:256px;background:#fcfbf9e8;border:1px solid #d7cebe;box-shadow:0 20px 35px #5844251c;padding:24px;z-index:7;opacity:0;transform:translateX(30px) rotate(3deg);pointer-events:none;transition:.6s;backdrop-filter:blur(12px)}.share-artifact.active{opacity:1;transform:translateX(0) rotate(3deg);pointer-events:auto}.share-artifact>.mono{font-size:7px;color:#ac9066}.share-artifact h3{font-size:23px;letter-spacing:-.04em;line-height:1.15;font-weight:450;margin:18px 0}.share-avatar-row{display:flex;gap:5px;align-items:center;font-size:8px;margin:16px 0}.share-avatar-row span{padding:8px 10px;border-radius:50px;background:#eeebe6}.share-avatar-row span:nth-child(2){background:none;padding:0;font-size:14px;color:#a18a68}.share-artifact ul{padding:0;margin:20px 0;list-style:none}.share-artifact li{font-size:9px;padding:10px 0;border-bottom:1px solid #e1ddd5;display:flex;justify-content:space-between}.share-artifact .primary-button{font-size:10px;gap:20px;padding:12px 14px;width:100%}.share-artifact small{display:block;font-size:7px;color:#998a72;line-height:1.5;margin-top:14px}.chapter-selector{display:flex;flex-direction:column;gap:5px}.chapter-selector>.mono{font-size:7px;color:var(--clay)}.chapter-selector select{appearance:none;border:0;border-bottom:1px solid #c6bca9;border-radius:0;background:transparent;font:10px var(--sans);color:var(--ink);padding:6px 25px 6px 0;width:160px;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='m3 4 3 3 3-3' fill='none' stroke='%23984f37'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:12px;background-position:right center}.chapter-navigation{display:flex;gap:8px}.chapter-navigation button{width:36px;height:36px;border:1px solid #d6ccbb;background:#fbfaf9eb;color:var(--clay);font-size:18px}.chapter-navigation button:disabled{opacity:.3;cursor:default}.chapter-track{display:flex;position:absolute;left:4.5%;right:4.5%;bottom:10px;gap:5px;z-index:10}.chapter-track button{height:14px;flex:1;padding:5px 0;background:transparent;position:relative}.chapter-track button:before{content:'';height:2px;width:100%;position:absolute;left:0;top:6px;background:#dfdcd6}.chapter-track button.past:before{background:#b9a17e}.chapter-track button[aria-current=step]:before{background:var(--clay)}.story-bottom{bottom:43px}.scene-footnote{bottom:28px;font-size:6px}.share-dialog{width:620px}.share-dialog h2{font-size:56px;margin:18px 0 23px}.share-dialog>p:not(.eyebrow){font-size:13px;line-height:1.6;color:#877c69}.share-dialog label{font:8px var(--mono);display:block;margin:28px 0 10px;color:#937c5a}.share-link-row{display:flex;gap:0}.share-link-row input{width:0;flex:1;padding:12px;background:#fefdfc;border:1px solid #cabea8;font:10px var(--mono);color:#6c614f}.share-link-row button{padding:12px;background:#eae7e2;border:1px solid #cabea8;border-left:0;font-size:11px}.share-dialog .share-link-note{font-size:10px!important;margin:12px 0 22px}.share-dialog .primary-button{font-size:11px;gap:40px}.share-downloads{display:flex;gap:25px;font-size:10px;margin-top:22px}.share-downloads a{border-bottom:1px solid #c4b49a;padding-bottom:5px}#share-feedback{margin-top:20px;font-size:11px!important}.share-dialog [role=status]:empty{display:none}.room-dialog[data-camera=elevation] .live-room-caption{display:none}@keyframes room-scan{0%{background-position:0 0;opacity:0}20%{opacity:.7}80%{opacity:.6}100%{background-position:0 100%;opacity:0}}@keyframes tool-arrive{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1050px){.drawing-stage{left:27%;right:3%;top:25%;bottom:23%}.story-copy{width:178px}.inline-editor{left:19%;right:0;top:13%;bottom:19%}.stage-tools{left:28%;right:5%;bottom:16%}.phase-tool{padding:12px 14px}.editor-selection{bottom:18%;font-size:8px}.share-artifact{width:220px;right:4%;top:30%;padding:20px}.share-artifact h3{font-size:21px}.share-artifact li{font-size:8px}.share-artifact .primary-button{font-size:9px;padding:10px}.render-stage{left:27%;right:3%;top:33%}.story-copy h2{font-size:32px}.story-copy p:not(.eyebrow){max-width:161px}.auto-prompt{font-size:10px}.floor-options{gap:22px}}
@media(max-width:700px){.spatial-story{height:1150svh}.story-copy{top:13%;width:calc(100% - 52px)}.story-copy h2{font-size:38px;max-width:325px}.story-copy p:not(.eyebrow){max-width:290px;font-size:10px;margin-top:12px}.story-copy .underlink{margin-top:8px;font-size:9px}.story-copy .eyebrow{font-size:6px;margin-bottom:12px}.scene-coordinate{top:67px}.hero-copy{top:123px}.drawing-stage{left:4%;right:4%;top:36%;bottom:19%}.drawing-sheet img{height:calc(100% - 25px)}.drawing-sheet figcaption{font-size:6px;margin-top:10px}.inline-editor{left:0;right:0;top:33%;bottom:22%}.editor-view-label{top:3%;left:auto;right:5%;font-size:5px}.editor-selection{bottom:3%;font-size:7px;padding:6px 9px}.stage-tools{left:7%;right:7%;bottom:15.5%}.phase-tool{padding:11px 12px}.phase-tool>.mono{font-size:6px;margin-bottom:8px}.auto-prompt{font-size:10px;gap:8px}.mini-directions{margin-top:4px}.mini-directions button{padding:5px 10px;font-size:8px}.tool-row button{font-size:8px;padding:8px 6px}.tool-row.secondary button{font-size:8px;padding:6px}.interaction-hint{font-size:7px;margin-top:8px}.chair-options button{padding:4px;font-size:8px}.chair-options small{font-size:6px}.chair-silhouette{width:28px;height:23px;margin-bottom:6px}.colour-options{gap:20px}.colour-options i{width:24px;height:24px}.colour-options button{font-size:7px;gap:7px}.floor-options{gap:23px}.floor-options .sample{width:27px;height:27px}.floor-options button{font-size:7px;padding:5px 9px;gap:9px}.render-stage{top:38%;left:5%;right:5%}.render-comparison{aspect-ratio:1.15}.compare-label{font-size:5px;top:12px;padding:6px 7px}.before-label{left:12px}.after-label{right:12px}.render-footer{font-size:8px;margin-top:12px}.render-footer .mono{font-size:5px}.share-artifact{top:auto;bottom:18%;right:11%;width:78%;padding:20px;transform:translateY(20px) rotate(2deg)}.share-artifact.active{transform:translateY(0) rotate(2deg)}.share-artifact>.mono{font-size:6px}.share-artifact h3{font-size:23px;margin:14px 0}.share-avatar-row{margin:10px 0;font-size:7px}.share-artifact ul{margin:12px 0}.share-artifact li{padding:8px 0;font-size:8px}.share-artifact .primary-button{font-size:10px;padding:12px}.share-artifact small{font-size:6px}.chapter-selector{gap:2px}.chapter-selector>.mono{font-size:6px}.chapter-selector select{font-size:9px;width:133px;padding:5px 20px 5px 0}.story-bottom{bottom:39px;gap:10px;align-items:flex-end}.story-bottom .explore-button{font-size:0;gap:0;padding:12px;height:38px;margin-left:auto;width:38px;justify-content:center}.story-bottom .explore-button svg{width:16px;height:16px}.story-bottom .explore-button>span{display:none}.chapter-navigation{gap:5px}.chapter-navigation button{width:31px;height:32px;font-size:16px}.chapter-track{left:20px;right:20px;gap:3px;bottom:8px}.scene-footnote{bottom:26px;font-size:5px}.share-dialog{padding:40px 24px 30px}.share-dialog h2{font-size:45px}.share-dialog>p:not(.eyebrow){font-size:11px}.share-dialog label{font-size:7px}.share-link-row input{font-size:8px}.share-link-row button{font-size:9px}.share-dialog .primary-button{width:100%;font-size:10px}.share-downloads{font-size:9px;gap:23px}}
@media(max-height:650px) and (min-width:701px){.inline-editor{top:5%;bottom:12%}.stage-tools{bottom:15%;right:7%;left:38%}.phase-tool{max-width:430px;padding:9px 12px}.phase-tool>.mono{font-size:6px;margin-bottom:6px}.drawing-stage{top:12%;bottom:18%}.render-stage{top:18%;left:32%;max-height:65%}.render-comparison{aspect-ratio:1.85}.share-artifact{top:15%;padding:15px;width:220px}.share-artifact ul{margin:10px 0}.share-artifact h3{margin:12px 0}.story-copy{top:20%;width:180px}.story-copy h2{font-size:30px}.story-copy p:not(.eyebrow){font-size:10px}.editor-selection{bottom:25%}.hero-copy{top:85px}.hero-copy h1{font-size:58px}.story-bottom{bottom:35px}.scene-footnote{bottom:22px}.chapter-track{bottom:5px}}
@media(prefers-reduced-motion:reduce){.drawing-sheet,.inline-editor,.render-stage,.share-artifact{transition:none}.phase-tool,.scan-plane{animation:none}}

.editor-selection[hidden]{display:none}

.design-sheet-ready{display:flex;align-items:center;gap:20px;border-top:1px solid #d7cebf;padding-top:18px;font-size:11px;color:var(--clay)}.design-sheet-ready[hidden]{display:none}.design-sheet-ready img{width:140px;height:auto;border:1px solid #e1ddd7}