@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";
:root{--paper:#f7f6f2;--ink:#30392f;--muted:#8b8d80;--line:#dedfd5;--accent:#777e55}*{box-sizing:border-box}body{background:var(--paper);color:var(--ink);margin:0;font-family:DM Sans,Arial,sans-serif;font-size:13px}button,a,input{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}button:focus-visible,a:focus-visible,input:focus-visible{outline-offset:5px;outline:2px solid #768548}button:disabled{opacity:.3;cursor:default}a{color:inherit;text-decoration:none}.topbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:84px;margin:0 42px;display:flex}.wordmark{letter-spacing:-1.2px;align-items:center;gap:10px;font-family:Manrope,sans-serif;font-size:24px;font-weight:800;display:flex}.brand-icon{font-size:30px;font-weight:400;transform:rotate(-12deg)}.brand-dot{align-self:flex-start;margin-top:8px;margin-left:-7px;font-size:10px}.edition{letter-spacing:2px;align-items:center;gap:20px;font-size:9px;display:flex}.edition i{background:#9a9c89;border-radius:50%;width:3px;height:3px}.text-button{font-size:11px}.text-button span{padding-left:20px;font-size:18px}.workspace{grid-template-columns:282px minmax(0,1fr);gap:20px;min-height:680px;margin:0 42px;display:grid}.left-panel{padding:35px 20px 18px 0}.eyebrow{letter-spacing:1.8px;align-items:center;gap:9px;font-size:9px;font-weight:600;display:flex}.tiny-line{background:#858a66;width:17px;height:1px}h1{letter-spacing:-2.5px;margin:20px 0 15px;font-family:Manrope,sans-serif;font-size:43px;font-weight:500;line-height:1.13}h1 em{color:#777d5b;letter-spacing:-2px;font-family:Georgia,serif;font-size:46px;font-weight:400}.intro{color:#818579;margin:0 0 30px;font-size:12px;line-height:1.85}.section-label{letter-spacing:1px;color:#a3a592;align-items:center;gap:12px;font-size:9px;display:flex}.section-label span{color:#606850;font-weight:600}.moods{flex-direction:column;gap:5px;margin:12px 0 24px;display:flex}.mood{text-align:left;border:1px solid #0000;border-radius:5px;align-items:center;gap:12px;padding:9px 10px;display:flex}.mood.active{background:#eeeee5;border-color:#d5d8c6}.mood>span:nth-child(2){font-size:12px;font-weight:600}.mood small{color:#989a8b;margin-top:2px;font-size:9px;font-weight:400;display:block}.palette{border-radius:3px;flex-shrink:0;width:51px;height:28px;display:flex;overflow:hidden}.palette i{background:#c3a06e;flex:1}.palette i:nth-child(2){background:#e6d9bd}.palette i:nth-child(3){background:#856243}.palette i:nth-child(4){background:#a86446}.palette-1 i{background:#ddd9c9}.palette-1 i:nth-child(2){background:#eae9df}.palette-1 i:nth-child(3){background:#9b9f86}.palette-1 i:nth-child(4){background:#b7bcaf}.palette-2 i{background:#3b5149}.palette-2 i:nth-child(2){background:#725540}.palette-2 i:nth-child(3){background:#b16c4e}.palette-2 i:nth-child(4){background:#354655}.radio{color:#778250;border:1px solid #bac0a7;border-radius:50%;place-items:center;width:12px;height:12px;margin-left:auto;font-size:8px;display:grid}.surface-heading{justify-content:space-between;align-items:center;display:flex}.count{color:#a2a594;font-size:8px}.surfaces{gap:2px;margin-top:10px;display:grid}.surface{text-align:left;border:1px solid #0000;border-radius:4px;align-items:center;gap:10px;padding:7px 9px;display:flex}.surface.selected{background:#f0f0e8;border-color:#cdd0bd}.material-dot{border-radius:50%;width:30px;height:30px;box-shadow:inset 0 0 0 1px #0000000d}.surface small{color:#929681;margin-bottom:2px;font-size:8px;display:block}.surface>span:nth-child(2){font-size:10px}.surface-arrow{color:#999e8a;margin-left:auto;font-size:13px}.studio-note{border-top:1px solid var(--line);color:#949887;align-items:center;gap:10px;margin-top:20px;padding-top:14px;display:flex}.studio-note>span{color:#939d6e;font-size:23px}.studio-note p{margin:0;font-size:9px;line-height:1.7}.stage{background:radial-gradient(at 55%,#e8e6dd00 10%,#ecebe3a0 80%);min-width:0;position:relative;overflow:hidden}.stage.night{background:radial-gradient(at 55%,#d8d9da,#dfdfd8)}.stage-top{letter-spacing:1.2px;color:#79816b;align-items:center;gap:8px;padding:22px 0;font-size:8px;display:flex}.live-dot{background:#939d66;border-radius:50%;width:5px;height:5px}.stage-divider{color:#c0c3b4;margin:0 8px}.stage-top>span:nth-last-child(2){text-transform:none;letter-spacing:.2px;color:#838875}.room-size{margin-left:auto;margin-right:18px;font-size:9px}.scene-title{pointer-events:none;z-index:1;position:absolute;top:86px;left:32px}.scene-title>span{letter-spacing:2px;color:#9ba28e;font-size:8px}.scene-title p{color:#848c71;margin:9px 0;font:italic 21px Georgia,serif}.room-canvas{touch-action:none;position:absolute;inset:35px -40px 75px -45px}.room-canvas canvas{display:block}.scene-tools{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fafbf5bb;border:1px solid #dddfd1;border-radius:5px;gap:2px;padding:4px;display:flex;position:absolute;top:70px;right:14px}.scene-tools button{width:32px;height:29px;font-size:22px;line-height:20px}.scene-tools>span{background:#d6dbc9;width:1px;margin:4px}.orbit-note{white-space:nowrap;color:#929a82;align-items:center;gap:10px;font-size:9px;display:flex;position:absolute;bottom:152px;left:50%;transform:translate(-50%)}.orbit-note i{background:#b5bca7;border-radius:50%;width:3px;height:3px}.orbit-note>span{font-size:15px}.daylight{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fafbf5bb;border:1px solid #dddfd1;border-radius:7px;width:440px;max-width:90%;padding:15px 21px;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.daylight-heading{letter-spacing:1px;color:#a0a68e;justify-content:space-between;font-size:8px;display:flex}.daylight-heading b{color:#6b755b;margin-left:10px;font-weight:500}.daylight-heading output{font-variant-numeric:tabular-nums;color:#697552;letter-spacing:0;font-size:11px}.periods{justify-content:space-between;margin:11px 0;display:flex}.periods button{color:#9ca58e;border-radius:4px;align-items:center;gap:6px;padding:5px 6px;font-size:9px;display:flex}.periods button.active{color:#636f46;background:#e6e9da}.periods button>span{font-size:17px}.sun-slider{color:#8f9b77;align-items:center;gap:10px;display:flex}.sun-slider input{appearance:none;cursor:pointer;background:linear-gradient(90deg,#ded8a0,#d7b879,#ad967f,#5c6776);border-radius:4px;flex:1;min-width:0;height:3px}.sun-slider input::-webkit-slider-thumb{appearance:none;background:#fafaf1;border:2px solid #828c62;border-radius:50%;width:12px;height:12px;box-shadow:0 0 0 3px #e6e9da}.sun-slider input::-moz-range-thumb{background:#fafaf1;border:2px solid #828c62;border-radius:50%;width:10px;height:10px}.piece-toolbar{white-space:nowrap;background:#fafaf1;border:1px solid #bfc8ae;border-radius:6px;align-items:center;gap:3px;padding:8px;display:flex;position:absolute;bottom:190px;left:50%;transform:translate(-50%);box-shadow:0 8px 30px #343e2420}.piece-toolbar strong{text-transform:capitalize;padding:0 8px;font-size:10px}.piece-toolbar button{padding:5px;font-size:10px}.material-tray{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:302px minmax(0,1fr);margin:0 42px;padding:22px 0 26px;display:grid}.tray-info{padding-top:16px}.tray-info .eyebrow{letter-spacing:1.4px;color:#8c9577;font-size:8px}.tray-info p{letter-spacing:-.8px;margin:12px 0 10px;font-family:Manrope,sans-serif;font-size:21px}.tray-info p em{color:#7d865f;font-family:Georgia,serif;font-size:23px}.tray-info>span:last-child{color:#9a9f8b;font-size:10px}.tray-info strong{color:#727d58;font-weight:500}.mini-arrow{margin-left:10px}.tabs{border-bottom:1px solid #e2e5d8;align-items:center;gap:24px;height:30px;display:flex}.tabs button{color:#979e89;padding:0 0 11px;font-size:11px;position:relative}.tabs button[aria-selected=true]{color:#576440}.tabs button[aria-selected=true]:after{content:"";background:#7c8960;height:2px;position:absolute;bottom:-1px;left:0;right:0}.tray-hint{letter-spacing:1px;color:#a6ad98;margin-left:auto;padding-bottom:10px;font-size:7px}.samples{gap:18px;margin-top:18px;padding:2px 3px 8px;display:flex;overflow-x:auto}.sample{text-align:left;color:#8b947b;flex:0 0 102px;padding:0;font-size:9px}.sample-card{border-radius:5px;height:73px;margin-bottom:9px;transition:transform .2s;display:block;position:relative;box-shadow:inset 0 0 0 1px #0000000a,0 3px 5px #55552a09}.sample:hover .sample-card{transform:translateY(-3px)}.sample.chosen .sample-card{outline-offset:3px;outline:1px solid #788357}.sample.chosen{color:#626e46}.sample-card b{color:#6d7758;background:#faf9ef;border-radius:50%;place-items:center;width:17px;height:17px;font-size:9px;display:grid;position:absolute;bottom:5px;right:5px}.texture-Wood{background-image:repeating-linear-gradient(2deg,#ffffff12 0 2px,#34251318 3px,#0000 4px 8px)}.texture-Fabric{background-image:repeating-linear-gradient(0deg,#ffffff20 0 1px,#0000 1px 3px),repeating-linear-gradient(90deg,#19170b10 0 1px,#0000 1px 3px)}.texture-Stone{background-image:linear-gradient(33deg,#0000 25%,#ffffff30 26%,#0000 28% 60%,#77777725 61%,#0000 64%)}.texture-Paint{background-image:radial-gradient(#ffffff20 .5px,#0000 .5px);background-size:3px 3px}.furniture-icon{color:#7c8665;background:#e8eadd;place-items:center;font-size:42px;display:grid}.furniture-sample>span:last-child{text-transform:capitalize}footer{color:#a2a994;letter-spacing:1.2px;justify-content:space-between;align-items:center;min-height:53px;margin:0 42px;font-size:7px;display:flex}footer p{letter-spacing:0;text-align:center;font-size:9px}footer i{margin-left:15px;font-size:15px;font-style:normal}.loading,.render-fallback{text-align:center;color:#8a937b;font-family:Georgia,serif;font-size:24px;font-style:italic;position:absolute;top:45%;left:50%;transform:translate(-50%,-50%)}.loading span{margin-top:15px;font:11px Arial,sans-serif;display:block}.render-fallback{background:#f7f6f2;border:1px solid #d9dfcd;border-radius:8px;width:65%;padding:20px;font:14px Arial,sans-serif}.modal-backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:10;background:#27332266;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.help-modal{background:var(--paper);border-radius:10px;width:480px;max-width:100%;max-height:90vh;padding:40px;position:relative;overflow:auto;box-shadow:0 20px 100px #26361b30}.help-modal h2{color:#6e7d53;font:italic 33px Georgia,serif}.help-modal p{color:#78836a;font-size:13px;line-height:1.8}.help-modal small{color:#969e8c;line-height:1.7;display:block}.close-help{font-size:28px;position:absolute;top:15px;right:20px}.primary-button{color:#fff;background:#6c7953;border-radius:4px;margin-top:24px;padding:13px 20px;font-size:12px;display:block}@media (min-width:1500px){main{max-width:1700px;margin:auto}.workspace{grid-template-columns:310px minmax(0,1fr);min-height:780px}.left-panel{padding-right:32px}h1{font-size:49px}h1 em{font-size:52px}.material-tray{grid-template-columns:330px minmax(0,1fr)}.room-canvas{inset:20px -20px 80px -30px}.sample{flex-basis:130px}.sample-card{height:85px}}@media (max-width:1050px){.topbar,.workspace,.material-tray,footer{margin-left:24px;margin-right:24px}.workspace{grid-template-columns:235px minmax(0,1fr);gap:5px}.left-panel{padding-right:16px}h1{font-size:36px}h1 em{font-size:39px}.scene-title{top:105px;left:14px}.scene-title p{font-size:18px}.room-canvas{inset:80px -85px 95px -80px}.material-tray{grid-template-columns:240px minmax(0,1fr)}.tray-hint{display:none}.tabs{gap:20px}.sample{flex-basis:88px}.samples{gap:14px}.edition{letter-spacing:1px;font-size:8px}.daylight{padding:12px}.orbit-note{gap:6px;font-size:8px}}@media (max-width:720px){.topbar{height:70px;margin:0 20px}.wordmark{font-size:22px}.edition{display:none}.text-button{font-size:10px}.text-button span{padding-left:5px}.workspace{flex-direction:column;gap:0;margin:0 20px;display:flex}.left-panel{grid-template-columns:1fr 1fr;gap:0 15px;padding:25px 0 0;display:grid}.left-panel>.eyebrow{grid-column:1/-1;font-size:8px}h1{letter-spacing:-1.5px;margin:15px 0;font-size:32px}h1 em{font-size:34px}.intro{align-self:center;margin:0;font-size:11px;line-height:1.8}.left-panel>.section-label{grid-column:1/-1;margin:10px 0}.moods{flex-direction:row;grid-column:1/-1;gap:6px;margin:0 0 18px}.mood{flex:1;padding:9px 6px;display:block;position:relative}.palette{width:40px;height:17px;margin-bottom:7px}.mood>span:nth-child(2){font-size:11px}.mood small{font-size:8px}.radio{width:10px;height:10px;position:absolute;top:11px;right:7px}.surface-heading{grid-column:1/-1}.surfaces{grid-column:1/-1;grid-template-columns:repeat(5,minmax(0,1fr));margin-top:10px}.surface{text-align:center;flex-direction:column;gap:6px;padding:7px 2px;display:flex}.surface>span:nth-child(2){font-size:8px}.surface small{margin-bottom:3px;font-size:7px}.surface-arrow,.studio-note{display:none}.material-dot{width:25px;height:25px}.stage{height:560px;margin:14px -20px 0}.stage-top{padding:17px 20px}.scene-title{top:52px;left:20px}.scene-title>span{font-size:7px}.scene-title p{font-size:17px}.scene-tools{top:48px;right:17px}.scene-tools button{width:24px;font-size:21px}.room-canvas{inset:65px -10px 115px}.orbit-note{bottom:144px}.daylight{width:calc(100% - 40px);max-width:440px;bottom:13px}.piece-toolbar{gap:0;padding:5px;bottom:173px}.piece-toolbar strong{padding:0 4px}.material-tray{grid-template-columns:1fr;margin:0 20px;padding:20px 0 16px}.tray-info{flex-wrap:wrap;justify-content:space-between;align-items:center;padding:0;display:flex}.tray-info .eyebrow{width:100%;font-size:7px}.tray-info p{margin:9px 0 18px;font-size:20px}.tray-info>span:last-child{font-size:9px}.tabs{justify-content:space-between;gap:0}.tabs button{font-size:11px}.samples{gap:14px}.sample{flex-basis:88px}.sample-card{height:65px}footer{flex-wrap:wrap;gap:8px;margin:0 20px;padding:17px 0}footer>span{font-size:6px}footer p{text-align:left;order:3;width:100%;margin:3px 0 0;font-size:8px}.help-modal{padding:30px 24px}.help-modal h2{font-size:28px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}.piece-list{color:#677456;flex-wrap:wrap;align-items:center;gap:7px;margin-top:8px;font-size:10px;display:flex}.piece-list button{text-transform:capitalize;border:1px solid #d0d7c3;border-radius:4px;padding:5px 8px}.piece-list button[aria-pressed=true]{background:#e0e6d5;border-color:#7d8a67}.tray-content{min-width:0}