@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{font-family:DM Sans,system-ui,sans-serif;color:#23392f;background:#e8e6de;font-synthesis:none;--ink:#263e33;--muted:#69796e;--cream:#f6f5ef;--line:#dce1d7;--green:#365344}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,select{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid #70987e;outline-offset:3px}button{border:0}button svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.hidden{display:none!important}#viewer,#canvas{position:fixed;inset:0;width:100%;height:100%}#canvas{outline:none;touch-action:none}.topbar{position:absolute;top:20px;left:26px;right:26px;height:62px;display:flex;align-items:center;gap:30px;pointer-events:none}.topbar>*{pointer-events:auto}.wordmark{font-family:Manrope,sans-serif;font-size:24px;font-weight:800;letter-spacing:-1.2px;text-decoration:none;color:var(--ink);background:#f7f6eef0;padding:16px 19px;border-radius:15px;box-shadow:0 2px 16px #182f2110}.wordmark span{font-weight:500}.property{padding:6px 18px;border-left:1px solid #5061564d;background:#f6f5efd6;border-radius:0 10px 10px 0}.property>span,.eyebrow{font-size:11px;letter-spacing:2px;font-weight:700;color:#647565}.property h1{font-family:Manrope;font-size:18px;margin:3px 0 0;font-weight:600}.property small{font-size:15px;color:var(--muted);margin-left:5px}.top-right{margin-left:auto;display:flex;align-items:center;gap:18px}.render-label{font-size:12px;background:#f6f5efe8;padding:9px 13px;border-radius:50px}.icon-button{display:grid;place-items:center;background:#f6f5ef;width:44px;height:44px;border-radius:50%;box-shadow:0 2px 16px #152d1c14}.floorbar{position:absolute;left:26px;top:108px;background:#f6f5efed;border:1px solid #ffffffa8;border-radius:50px;display:flex;align-items:center;gap:5px;padding:6px;box-shadow:0 3px 22px #1226160e}.floorbar>span{font-size:10px;letter-spacing:1.3px;margin:0 9px}.floorbar button{width:37px;height:37px;background:transparent;border-radius:50%;color:var(--ink);font-size:14px}.floorbar button.active{background:var(--green);color:#fff}.floorbar select{border:0;border-left:1px solid #c9d0c6;background:transparent;color:var(--ink);padding:6px 12px;max-width:190px;outline:none;font-size:14px}#panel{position:absolute;right:26px;top:104px;bottom:98px;width:334px;max-height:730px;border:1px solid #fff9;border-radius:22px;background:#f6f5eff5;box-shadow:0 12px 55px #1c33221c;display:flex;flex-direction:column;transition:opacity .2s,transform .2s;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.panel-intro{padding:25px 24px 18px}.eyebrow{margin:0 0 13px}.panel-intro h2{font-family:Manrope;font-size:25px;line-height:1.2;font-weight:500;letter-spacing:-.9px;margin:0 0 9px}.panel-intro>p:last-child{font-size:14px;line-height:1.5;color:var(--muted);margin:0;max-width:260px}.tabs{display:flex;margin:0 16px 12px;padding:4px;background:#e7eae1;border-radius:11px;gap:2px}.tabs button{flex:1;background:transparent;padding:9px 0;font-size:13px;color:#607062;border-radius:8px}.tabs button[aria-selected=true]{color:var(--ink);background:#fffef8;box-shadow:0 1px 5px #263d3214;font-weight:600}.options{padding:0 15px 8px;overflow:auto;scrollbar-width:thin}.option{display:flex;align-items:center;text-align:left;gap:12px;width:100%;padding:12px 10px;margin-bottom:5px;border:1px solid transparent;border-radius:12px;background:transparent;color:var(--ink);transition:background .15s}.option:hover{background:#e7ebdf}.option.selected{background:#fffef8;border-color:#b8c5ae;box-shadow:0 3px 12px #23422d08}.swatches{display:flex;min-width:48px;width:48px;height:44px;overflow:hidden;border-radius:8px;box-shadow:inset 0 0 0 1px #0001}.swatches i{flex:1}.option-copy{display:flex;flex-direction:column;gap:5px}.option-copy strong{font-size:14px;font-weight:600}.option-copy small{font-size:11px;color:var(--muted);line-height:1.3}.check{margin-left:auto;color:#617d54;font-size:15px}.panel-footer{margin-top:auto;padding:10px 23px 18px;border-top:1px solid var(--line)}.text-button{padding:0;background:none;color:#435d4e;text-decoration:underline;text-underline-offset:4px;font-size:13px}#catalog-note{font-size:11px;line-height:1.4;color:#7b887d;margin:13px 0 0}.bottom-left{position:absolute;bottom:23px;left:26px;right:385px;pointer-events:none}.control-row{display:flex;gap:9px;pointer-events:auto}.primary,.secondary{display:flex;gap:9px;align-items:center;padding:14px 18px;border-radius:12px;font-size:14px;box-shadow:0 3px 17px #162b2120}.primary{background:var(--green);color:#f8f7ed}.secondary{background:#f8f7eef5;color:var(--ink)}.secondary strong{font-size:12px;font-weight:500;color:#687d68}#hint{display:inline-block;background:#f5f4ebdf;padding:7px 12px;border-radius:7px;font-size:11px;color:#475d50;margin:10px 0 0;line-height:1.5}.bottom-right{position:absolute;bottom:29px;right:30px;background:#f8f7eef0;display:flex;gap:17px;padding:11px 15px;border-radius:10px;font-size:12px;align-items:center}#fps{font-variant-numeric:tabular-nums;color:#738472;font-size:11px}.panel-hidden #panel{transform:translate(390px);opacity:0;pointer-events:none}.door-action{position:absolute;bottom:23%;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:9px;background:#f8f7efef;color:var(--ink);border:1px solid #fff7;padding:12px 19px;border-radius:12px;box-shadow:0 5px 30px #0002;font-size:14px}#crosshair{position:absolute;left:50%;top:50%;height:5px;width:5px;border-radius:50%;background:#fff;box-shadow:0 0 0 1px #0003;pointer-events:none}#toast{position:absolute;left:50%;top:25px;transform:translate(-50%,-100px);opacity:0;background:#284336f0;color:#fff;padding:13px 22px;border-radius:13px;box-shadow:0 8px 20px #162d3020;transition:.22s;font-size:14px;z-index:10}#toast.show{transform:translate(-50%);opacity:1}#loading{position:absolute;inset:0;z-index:20;display:grid;place-items:center;background:radial-gradient(ellipse at 25% 70%,#cdd5c5,#eeeee4 60%,#e4e7dd);transition:opacity .45s}.loading-card{width:min(450px,90vw);padding:32px}.loading-card h2{font-family:Manrope;font-size:38px;font-weight:500;letter-spacing:-1.7px;margin:25px 0 14px}.loading-card p{font-size:15px;color:#6a7b6b}.loading-card small{font-size:12px;color:#7b897a}.progress{height:3px;background:#ccd5c8;margin:25px 0 18px;border-radius:10px;overflow:hidden}.progress i{display:block;width:45%;height:100%;background:#648267;animation:loading 1.6s ease-in-out infinite}#loading.done{opacity:0;pointer-events:none}#loading.error .progress{display:none}@keyframes loading{0%{transform:translate(-100%)}to{transform:translate(330%)}}#joystick{position:absolute;left:25px;bottom:100px;width:105px;height:105px;border-radius:50%;border:1px solid #fff9;background:#f6f5ef40;display:grid;place-items:center;touch-action:none;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}#joystick>div{width:45px;height:45px;background:#f6f5efc9;border-radius:50%;pointer-events:none}#jump{position:absolute;right:25px;bottom:115px;border-radius:50%;width:65px;height:65px;background:#f6f5efcf;color:var(--ink)}@media(max-width:1000px){#panel{width:304px;right:18px}.topbar{left:18px;right:18px}.floorbar{left:18px}.bottom-left{left:18px;right:330px}.render-label{display:none}.property{padding-left:12px}.topbar{gap:13px}.option-copy small{font-size:12px}.panel-intro h2{font-size:23px}.option{padding:9px}.panel-footer{padding-top:8px}#catalog-note{font-size:12px}.bottom-right{right:18px}}.mobile-only{display:none}html,body{overscroll-behavior:none}#viewer{height:100dvh}#canvas{height:100%;-webkit-user-select:none;user-select:none}.options{flex:1;min-height:0}.close-drawer{width:44px;height:44px;display:grid;place-items:center;font-size:28px;background:transparent;color:var(--ink);border-radius:10px}.compact-button{align-items:center;justify-content:center;gap:6px;background:#f6f5eef0;color:var(--ink);padding:0 12px;height:44px;border-radius:12px;font-size:14px}.panel-hidden #panel{visibility:hidden}.drawer-heading{align-items:center;justify-content:space-between;padding:4px 12px 4px 18px;min-height:48px;flex-shrink:0}.drawer-heading strong{font-family:Manrope;font-size:16px;font-weight:600}#touch-hud{position:absolute;inset:0;pointer-events:none;z-index:12}#touch-hud .touch-stick{position:absolute;display:grid;place-items:center;border-radius:50%;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;pointer-events:auto;border:1.5px solid #ffffffa3;background:radial-gradient(circle,#22382e30,#eef4e526);box-shadow:0 3px 20px #11241922,inset 0 0 0 8px #f5f8ef0e;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}#joystick{left:max(20px,env(safe-area-inset-left));bottom:calc(31px + env(safe-area-inset-bottom));width:118px;height:118px}#lookstick{right:max(20px,env(safe-area-inset-right));bottom:calc(31px + env(safe-area-inset-bottom));width:104px;height:104px}#touch-hud .stick-knob{position:relative;width:45px;height:45px;border-radius:50%;background:#f6f7efe8;box-shadow:0 2px 10px #10251d35,inset 0 0 0 1px #fff8;pointer-events:none;will-change:transform}#touch-hud .engaged{border-color:#fff;background:#31544142}#touch-hud .engaged .stick-knob{background:#fff}#touch-hud .touch-stick>span{position:absolute;top:calc(100% + 5px);left:50%;transform:translate(-50%);font-size:12px;color:#fff;text-shadow:0 1px 4px #000c;letter-spacing:.3px;pointer-events:none}.stick-axis{position:absolute;inset:19px;pointer-events:none}.stick-axis:before,.stick-axis:after{content:"";position:absolute;background:#ffffff5c}.stick-axis:before{height:1px;left:0;right:0;top:50%}.stick-axis:after{width:1px;top:0;bottom:0;left:50%}#jump{position:absolute;right:max(43px,calc(env(safe-area-inset-right) + 23px));bottom:calc(151px + env(safe-area-inset-bottom));width:58px;height:58px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;background:#f6f5efe0;border:1px solid #fff9;color:#2d4838;border-radius:50%;box-shadow:0 3px 15px #142b2428;touch-action:manipulation;pointer-events:auto}#jump>span{font-size:23px;line-height:23px}#jump>small{font-size:11px}#touch-tip{position:absolute;z-index:14;left:50%;top:calc(70px + env(safe-area-inset-top));transform:translate(-50%);white-space:nowrap;padding:8px 13px;border-radius:20px;background:#223f32b8;color:#fff;font-size:12px;pointer-events:none}#menu-scrim{position:absolute;inset:0;z-index:18;background:#162d1f35;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);touch-action:none}#nav-drawer{position:absolute;z-index:25;background:#f6f5effa;color:var(--ink);border:1px solid #fff9;border-radius:20px;box-shadow:0 12px 55px #1c332235;flex-direction:column}.mobile-floors{display:flex;gap:6px;padding:0 14px 12px;flex-shrink:0}.mobile-floors button{flex:1;min-height:44px;background:#e5eade;color:var(--ink);border-radius:11px;font-size:14px}.mobile-floors button.active{background:var(--green);color:#fff}#mobile-rooms{padding:0 14px 8px;display:grid;grid-template-columns:1fr 1fr;gap:8px;overflow:auto;min-height:0;flex:1;touch-action:pan-y}#mobile-rooms button{background:#fffdf7;border:1px solid #d9e1d2;border-radius:12px;padding:13px 12px;text-align:left;display:flex;flex-direction:column;justify-content:center;gap:5px;min-height:67px;color:var(--ink)}#mobile-rooms button span{font-size:14px;font-weight:500}#mobile-rooms button small{font-size:12px;color:var(--muted)}.mobile-quality{border-top:1px solid var(--line);background:none;margin:4px 14px 0;padding:15px;font-size:14px;color:#47664d;min-height:46px;flex-shrink:0}.touch-layout .topbar{top:calc(10px + env(safe-area-inset-top));left:max(12px,env(safe-area-inset-left));right:max(12px,env(safe-area-inset-right));height:44px;gap:8px;z-index:23}.touch-layout .wordmark,.touch-layout .property>span,.touch-layout .property h1,.touch-layout .render-label,.touch-layout .floorbar,.touch-layout .bottom-left,.touch-layout .bottom-right{display:none}.touch-layout .property{margin:0;padding:12px 11px;border:0;background:#f6f5eeda;border-radius:12px;white-space:nowrap}.touch-layout #mobile-location{display:block;font-size:13px;font-weight:600}.touch-layout .top-right{gap:7px}.touch-layout #nav-toggle{display:flex}.touch-layout #panel-toggle{display:flex;gap:5px;width:auto;min-width:83px;height:44px;padding:0 11px;border-radius:12px;color:var(--ink)}.touch-layout #panel-toggle .mobile-only{display:inline;font-size:14px}.touch-layout .icon-button svg,.touch-layout .compact-button svg{width:18px;height:18px}.touch-layout #panel,.touch-layout #nav-drawer{left:max(12px,env(safe-area-inset-left));right:max(12px,env(safe-area-inset-right));top:auto;bottom:calc(12px + env(safe-area-inset-bottom));width:auto;height:min(460px,65dvh);max-height:calc(100dvh - 80px - env(safe-area-inset-top) - env(safe-area-inset-bottom));z-index:25;transform:none;opacity:1;visibility:visible;border-radius:20px}.touch-layout #panel .panel-intro{display:none}.touch-layout .drawer-heading{display:flex}.touch-layout #nav-drawer:not([hidden]){display:flex}.touch-layout #menu-scrim:not(.hidden),.touch-layout #touch-tip:not(.hidden){display:block}.touch-layout #panel .tabs{margin:2px 12px 8px;padding:3px;flex-shrink:0}.touch-layout .tabs button{min-height:41px;font-size:14px;padding:8px 0}.touch-layout .options{display:grid;grid-template-columns:1fr 1fr;align-content:start;gap:7px;padding:0 12px 12px;touch-action:pan-y;overscroll-behavior:contain}.touch-layout .option{padding:10px 8px;margin:0;gap:8px;min-height:82px}.touch-layout .swatches{min-width:30px;width:30px;height:42px}.touch-layout .option-copy strong{font-size:14px;line-height:1.2}.touch-layout .option-copy small{font-size:12px;line-height:1.3}.touch-layout .check{display:none}.touch-layout .panel-footer{padding:10px 16px;flex-shrink:0}.touch-layout .text-button{font-size:13px;min-height:27px}.touch-layout #catalog-note{display:none}.touch-layout.panel-hidden #panel{transform:translateY(calc(100% + 30px + env(safe-area-inset-bottom)));opacity:0;visibility:hidden;pointer-events:none}.touch-layout #crosshair{width:4px;height:4px}.touch-layout .door-action{left:50%;bottom:calc(153px + env(safe-area-inset-bottom));width:max-content;max-width:calc(100% - 155px);padding:12px 14px;min-height:48px;font-size:14px;z-index:14;touch-action:manipulation;box-shadow:0 3px 18px #142d2620}.touch-layout .door-action svg{display:none}.touch-layout #toast{top:calc(65px + env(safe-area-inset-top));font-size:13px;max-width:90%;width:max-content;z-index:27;padding:10px 14px}.touch-layout .loading-card h2{font-size:32px}.touch-layout.menu-open #crosshair,.touch-layout.menu-open #touch-tip{display:none}@media(orientation:landscape){.touch-layout .topbar{top:calc(8px + env(safe-area-inset-top))}.touch-layout .property{padding:10px 12px}.touch-layout #panel,.touch-layout #nav-drawer{left:auto;right:max(12px,env(safe-area-inset-right));top:calc(62px + env(safe-area-inset-top));bottom:calc(8px + env(safe-area-inset-bottom));width:min(355px,46vw);height:auto;max-height:none;border-radius:16px}.touch-layout .drawer-heading{min-height:39px;height:39px;padding-top:0;padding-bottom:0}.touch-layout .close-drawer{width:40px;height:38px}.touch-layout .drawer-heading strong{font-size:14px}.touch-layout #panel .tabs{margin:0 10px 7px}.touch-layout .tabs button{min-height:36px;font-size:13px;padding:7px 0}.touch-layout .options{padding:0 10px 8px;gap:5px}.touch-layout .option{min-height:69px;padding:8px 6px}.touch-layout .option-copy strong{font-size:13px}.touch-layout .option-copy small{font-size:11px}.touch-layout .panel-footer{padding:7px 12px}.touch-layout .text-button{font-size:12px;min-height:24px}.touch-layout .mobile-floors{padding:0 10px 8px}.touch-layout .mobile-floors button{min-height:38px;font-size:13px}.touch-layout #mobile-rooms{padding:0 10px 8px;gap:6px}.touch-layout #mobile-rooms button{padding:9px;min-height:57px}.touch-layout #mobile-rooms button span{font-size:13px}.touch-layout .mobile-quality{padding:9px;min-height:36px;font-size:13px}.touch-layout #joystick{width:108px;height:108px;left:max(25px,env(safe-area-inset-left));bottom:calc(23px + env(safe-area-inset-bottom))}.touch-layout #lookstick{width:96px;height:96px;right:max(25px,env(safe-area-inset-right));bottom:calc(23px + env(safe-area-inset-bottom))}.touch-layout #jump{width:52px;height:52px;right:max(47px,calc(env(safe-area-inset-right) + 22px));bottom:calc(132px + env(safe-area-inset-bottom))}.touch-layout .door-action{bottom:calc(45px + env(safe-area-inset-bottom));max-width:35vw}.touch-layout #touch-tip{top:auto;bottom:calc(10px + env(safe-area-inset-bottom));font-size:11px}.touch-layout #toast{top:65px}}@media(max-width:360px)and (orientation:portrait){.touch-layout .topbar{left:8px;right:8px;gap:5px}.touch-layout .property{padding:10px 8px}.touch-layout #mobile-location{font-size:12px}.touch-layout #panel-toggle{min-width:77px;padding:0 8px}.touch-layout #nav-toggle{padding:0 10px}.touch-layout .options{grid-template-columns:1fr}.touch-layout #panel{height:60dvh}.touch-layout .option{min-height:65px}.touch-layout #joystick{width:104px;height:104px;left:16px}.touch-layout #lookstick{width:96px;height:96px;right:16px}.touch-layout #jump{right:35px;bottom:calc(137px + env(safe-area-inset-bottom))}}#mobile-quality{padding:10px 0 12px;margin:4px 14px 0;text-align:left;min-height:0}#mobile-quality>span{display:block;font-size:12px;font-weight:600;margin-bottom:7px;color:var(--muted)}.quality-options{display:flex;gap:5px}.quality-options button{flex:1;min-width:0;min-height:40px;padding:8px 5px;border-radius:9px;font-size:13px;color:var(--ink);background:#e5eade}.quality-options button[aria-pressed=true]{background:var(--green);color:#fff;box-shadow:0 2px 7px #233a3217}.quality-hint{margin:7px 0 0;font-size:11px;line-height:1.35;color:var(--muted)}@media(orientation:landscape){.touch-layout #mobile-quality{padding:5px 0 8px;margin:0 10px}.touch-layout #mobile-quality>span{font-size:11px;margin-bottom:4px}.touch-layout .quality-options button{min-height:34px;font-size:12px;padding:5px}.touch-layout .quality-hint{margin-top:5px;font-size:10px}}#panel.finish-studio{width:360px;max-height:790px;background:#f8f6eff7}#panel.finish-studio .panel-intro{padding:22px 22px 17px}#panel.finish-studio .panel-intro h2{font-size:26px;line-height:1.15;letter-spacing:-1px}#panel.finish-studio .panel-intro .eyebrow{margin-bottom:9px;font-size:10px}#panel.finish-studio .panel-intro>p:last-child{font-size:12px;max-width:none}#panel.finish-studio .tabs{display:flex;flex-wrap:wrap;gap:5px;padding:0;margin:0 17px 13px;background:none;flex-shrink:0}#panel.finish-studio .tabs button{flex:1 0 21%;padding:8px 10px;min-height:35px;border:1px solid #dbe0d3;border-radius:30px;font-size:12px;background:transparent;white-space:nowrap;color:#617064}#panel.finish-studio .tabs button[aria-selected=true]{background:#365344;border-color:#365344;color:#fff;box-shadow:none}#panel.finish-studio .options{display:block;flex:1;min-height:0;padding:0 17px 18px;overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y}.section-intro{font-size:12px;line-height:1.45;color:var(--muted);margin:0 0 13px}.material-filters{display:flex;gap:5px;margin:0 0 16px;border-bottom:1px solid var(--line);padding-bottom:11px}.material-filters button{border-radius:8px;background:none;color:#6b756b;font-size:12px;padding:7px 13px}.material-filters button[aria-pressed=true]{background:#e5eadc;color:var(--ink);font-weight:600}.finish-group{margin-bottom:22px}.finish-group:last-child{margin-bottom:0}.finish-group h3{font-size:13px;font-weight:600;margin:0 0 10px}.finish-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}.finish-heading h3{margin:0}.mini-action{background:none;border:1px solid #d6dcd0;border-radius:30px;padding:5px 10px;font-size:11px;color:#61715f;white-space:nowrap}.mini-action[aria-pressed=true]{background:#e4eadb;border-color:#bacab0}.chosen-finish{font-size:11px;color:#7f887c;margin:7px 0 12px}.material-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.material-card{position:relative;min-width:0;display:flex;flex-direction:column;align-items:stretch;text-align:left;padding:6px 6px 9px;border:1px solid transparent;border-radius:14px;background:#eeeee5;color:var(--ink);transition:background .15s,border-color .15s,transform .15s}.material-card:hover{background:#e3e8d9;transform:translateY(-1px)}.material-card.selected{border-color:#7f9875;background:#fffdf6;box-shadow:0 3px 10px #253d2510}.material-sample{position:relative;display:block;aspect-ratio:1.8;background:var(--sample);border-radius:9px;overflow:hidden;box-shadow:inset 0 0 0 1px #0000000a}.material-sample img{display:block;width:100%;height:100%;object-fit:cover}.material-sample i{position:absolute;right:7px;bottom:7px;width:22px;height:22px;display:none;place-items:center;border-radius:50%;background:#fcfff5;color:#365344;font-style:normal;font-size:12px;box-shadow:0 2px 5px #0002}.selected .material-sample i{display:grid}.metal-sample{background:linear-gradient(125deg,#fff0 5%,#fff7 28%,#fff0 48%,#0002 66%,#fff5),var(--sample)}.material-name{font-size:12px;font-weight:600;line-height:1.3;margin:8px 4px 4px}.material-card small{font-size:10px;line-height:1.35;color:var(--muted);margin:0 4px}.studio-segment{display:flex;gap:4px;padding:4px;border-radius:12px;background:#e8eade}.studio-segment button{flex:1;min-height:38px;border-radius:9px;background:none;color:var(--muted);font-size:12px}.studio-segment button[aria-pressed=true]{background:#fffcf4;color:var(--ink);box-shadow:0 2px 6px #283e2c0d;font-weight:600}.studio-help{font-size:11px;color:var(--muted);line-height:1.45;margin:9px 2px 19px}.furniture-grid{display:grid;gap:8px}.furniture-card{display:grid;grid-template-columns:96px 1fr;grid-template-rows:auto auto;gap:3px 12px;align-items:center;text-align:left;padding:10px;border:1px solid var(--line);border-radius:13px;background:#f0efe5;color:var(--ink)}.furniture-card.selected{border-color:#7f9875;background:#fffdf6}.furniture-outline{grid-row:1/3;border-radius:9px;background:#e5e4d8;display:grid;place-items:center;min-height:54px}.furniture-outline svg{width:84px;height:47px;stroke:#89917f;stroke-width:2.2;fill:#f9f7eb}.furniture-outline.soft svg{stroke-width:4;stroke-linejoin:round;transform:scaleY(1.07)}.furniture-outline.light svg{stroke-width:1.2;fill:none}.furniture-card strong{font-size:12px;font-weight:600;align-self:end}.furniture-card small{font-size:10px;line-height:1.35;color:var(--muted);align-self:start}.brand-grid{display:grid;gap:11px;margin-top:12px}.brand-card{background:#fffcf5;border:1px solid #dce0d5;border-radius:15px;padding:14px}.brand-card.selected{border-color:#809b74;box-shadow:inset 0 0 0 1px #809b74}.brand-card>img{width:100%;height:112px;object-fit:contain;background:#eeeee4;border-radius:9px;margin-bottom:12px}.brand-name{font-size:10px;letter-spacing:1.1px;text-transform:uppercase;color:#7a8775}.brand-card h4{font-family:Manrope,sans-serif;font-size:16px;font-weight:600;margin:5px 0 8px}.brand-card p{font-size:11px;line-height:1.5;color:var(--muted);margin:0 0 10px}.availability{display:inline-block;background:#e9eddf;color:#617055;font-size:10px;border-radius:6px;padding:5px 7px}.brand-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:12px}.brand-actions button{background:#385744;color:#f7f7ef;padding:10px 12px;border-radius:9px;font-size:11px}.brand-actions a{font-size:11px;color:#64765f;text-decoration:none}.catalogue-pending{padding:10px;border-radius:9px;font-size:11px;line-height:1.45;background:#eee9d7;color:#7b704f}#panel.finish-studio .panel-footer{padding:10px 17px 13px;background:#f8f6ef;border-radius:0 0 22px 22px}#finish-summary{font-size:11px;color:#7b8676;margin:0 0 9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.studio-footer-actions{display:flex;gap:8px;margin-bottom:10px}.studio-primary,.studio-secondary{min-height:39px;padding:8px 16px;font-size:12px;border-radius:10px}.studio-primary{flex:1;background:#365344;color:#fffdf2}.studio-secondary{background:#e8ebdf;color:#52684b}.studio-secondary:disabled{opacity:.4;cursor:default}#panel.finish-studio #reset{font-size:11px;min-height:20px;color:#829078;text-underline-offset:3px}.touch-layout #panel.finish-studio{width:auto;height:min(440px,56dvh);max-height:calc(100dvh - 80px - env(safe-area-inset-top) - env(safe-area-inset-bottom))}.touch-layout #panel.finish-studio .tabs{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding:1px 0 5px;margin:0 13px 9px;touch-action:pan-x}.touch-layout #panel.finish-studio .tabs button{flex:0 0 auto;min-height:34px;padding:7px 12px;font-size:12px}.touch-layout #panel.finish-studio .options{padding:0 13px 14px}.touch-layout .material-grid{gap:8px}.touch-layout .section-intro{font-size:11px;margin-bottom:11px}.touch-layout .finish-group{margin-bottom:18px}.touch-layout #panel.finish-studio .panel-footer{padding:8px 13px 9px}.touch-layout #finish-summary{display:none}.touch-layout .studio-footer-actions{margin-bottom:5px}.touch-layout #panel.finish-studio #reset{min-height:22px}.touch-layout.material-menu #menu-scrim{background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}.touch-layout.material-menu #canvas{height:calc(100dvh - min(440px,56dvh) - 24px - env(safe-area-inset-bottom));bottom:auto}@media(orientation:landscape){.touch-layout #panel.finish-studio{width:min(355px,46vw);height:auto;max-height:none}.touch-layout #panel.finish-studio .drawer-heading{min-height:37px;height:37px}.touch-layout #panel.finish-studio .tabs{margin-bottom:5px;padding-bottom:3px}.touch-layout #panel.finish-studio .tabs button{min-height:30px;padding:5px 10px;font-size:11px}.touch-layout #panel.finish-studio .panel-footer{padding:6px 11px}.touch-layout #panel.finish-studio #reset{display:none}.touch-layout .studio-footer-actions{margin:0}.touch-layout .studio-primary,.touch-layout .studio-secondary{min-height:33px}.touch-layout.material-menu #canvas{width:calc(100vw - min(355px,46vw) - 24px - env(safe-area-inset-right));height:100dvh;bottom:0}}@media(prefers-reduced-motion:reduce){.material-card{transition:none}.material-card:hover{transform:none}}