.studio{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(300px,1fr);gap:18px;margin-bottom:10px}.studio-view{position:sticky;top:16px;height:650px;max-height:78svh;background:#2d3333;border:1px solid #4d5650;border-radius:18px;overflow:hidden;isolation:isolate}#render-viewport{position:absolute;inset:0}#render-viewport canvas{width:100%;height:100%;touch-action:none;display:block;cursor:grab}.view-top,.view-bottom{position:absolute;left:12px;right:12px;display:flex;align-items:center;justify-content:space-between;gap:8px;z-index:2;pointer-events:none}.view-top{top:12px}.view-bottom{bottom:12px}.view-label{font-size:8px;letter-spacing:1.2px;color:#fff0d9;padding:8px 10px;background:#19201eb8;border-radius:7px}.view-top>div,.view-bottom>div{display:flex;gap:4px;pointer-events:auto}.view-btn{font-size:10px;padding:8px 10px;background:#202623db;color:#e5d5bd;border:1px solid #6d766557;border-radius:8px;min-height:34px}.view-btn.active{color:#f1bd81;border-color:#d1a16b99}.view-bottom>span{background:#18201db8;padding:8px 10px;font-size:9px;color:#e4d9c8;border-radius:7px;max-width:70%}.studio-tools{padding:20px;background:linear-gradient(140deg,#292f2b,#1c2220);border:1px solid #4f5b4f;border-radius:18px;min-width:0;align-self:start}.studio-name{display:flex;gap:8px;align-items:center;margin-bottom:17px}.studio-name input{min-width:0;font-family:var(--serif);font-size:18px;padding:9px}.studio-name .primary{font-size:10px;padding:11px;white-space:nowrap}.studio-tabs{display:flex;gap:4px;border-bottom:1px solid #4a5348;padding-bottom:10px;margin-bottom:16px}.studio-tabs button{flex:1;background:none;color:#aaa995;font-size:11px;border-radius:8px;padding:10px 5px}.studio-tabs button.active{background:#e2a876;color:#282319}.catalogue-categories{display:flex;gap:5px;overflow-x:auto;padding-bottom:12px;scrollbar-width:thin}.catalogue-categories button{font-size:10px;border:1px solid #525c4d;border-radius:20px;color:#c7beac;background:transparent;padding:6px 10px;white-space:nowrap}.catalogue-categories button.active{background:#4d594b;color:#fff3df}.catalogue-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.furniture-tile{background:linear-gradient(140deg,#3c453a,#282f28);border:1px solid #53604d;border-radius:12px;display:flex;flex-direction:column;align-items:start;color:#ebdfc7;text-align:left;padding:12px;min-width:0}.furniture-tile>span:nth-child(2){font-size:11px}.furniture-tile small{font-size:8px;color:#b7baa5;margin-top:5px;display:flex;justify-content:space-between;align-items:center;width:100%}.furniture-tile em{font-style:normal;color:#f0bc83;font-size:15px}.furniture-shape{display:block;width:100%;height:70px;position:relative;margin-bottom:8px;filter:drop-shadow(3px 6px 4px #0005)}.furniture-shape:before,.furniture-shape:after,.furniture-shape i,.furniture-shape b{content:'';position:absolute;display:block;border:1px solid #e0cfad88;background:linear-gradient(145deg,#c5b398,#8b7c66);box-shadow:inset 0 2px 3px #fff2}.furniture-shape:before{width:75%;height:35%;left:12%;top:35%;border-radius:9px 9px 3px 3px}.furniture-shape:after{width:80%;height:22%;left:10%;top:60%;border-radius:4px}.furniture-shape i,.furniture-shape b{height:14%;width:4%;top:79%;left:18%;background:#594a36;border-color:#76654a}.furniture-shape b{left:78%}.shape-armchair:before,.shape-armchair:after,.shape-chair:before,.shape-chair:after{width:50%;left:25%}.shape-armchair i,.shape-chair i{left:30%}.shape-armchair b,.shape-chair b{left:67%}.shape-bed:before,.shape-daybed:before{top:15%;height:45%;background:#b4a5ac}.shape-bed:after,.shape-daybed:after{height:40%;top:40%;background:#d0bec7}.shape-beanbag:before{border-radius:50%;height:70%;width:70%;top:15%;left:15%;background:#939f83}.shape-beanbag:after,.shape-beanbag i,.shape-beanbag b{display:none}.shape-rug:before,.shape-roundrug:before{height:70%;top:15%;border-radius:5px;background:repeating-linear-gradient(90deg,#c6b89d 0 3px,#9f9683 4px 5px);transform:rotateX(45deg)}.shape-roundrug:before{border-radius:50%}.shape-rug:after,.shape-rug i,.shape-rug b,.shape-roundrug:after,.shape-roundrug i,.shape-roundrug b{display:none}.shape-desk:before,.shape-coffee:before,.shape-side:before{height:10%;top:45%;border-radius:5px;background:#a8875d}.shape-desk:after,.shape-coffee:after,.shape-side:after{display:none}.shape-desk i,.shape-desk b,.shape-coffee i,.shape-coffee b,.shape-side i,.shape-side b{height:35%;top:54%}.shape-coffee:before,.shape-side:before{border-radius:50%;height:25%;top:40%}.shape-shelf:before{height:85%;top:5%;border-radius:0;background:repeating-linear-gradient(0deg,#a48259 0px 4px,#4a4b3a 5px 18px)}.shape-shelf:after{display:none}.shape-dresser:before{height:65%;top:18%;background:repeating-linear-gradient(0deg,#a48259 0px 15px,#6e593f 16px 17px)}.shape-dresser:after{display:none}.shape-art:before,.shape-mirror:before{height:85%;width:45%;left:28%;top:5%;border:4px solid #b99b70;border-radius:2px;background:linear-gradient(140deg,#e7d5b5 35%,#81917e 35%,#6a7866 65%,#9fafa0 65%)}.shape-mirror:before{border-radius:30px 30px 3px 3px;background:linear-gradient(120deg,#a7bdc7,#e0e8e3,#839ea7)}.shape-art:after,.shape-art i,.shape-art b,.shape-mirror:after,.shape-mirror i,.shape-mirror b{display:none}.shape-lamp:before,.shape-tablelamp:before{height:40%;width:45%;left:28%;top:7%;clip-path:polygon(20% 0,80% 0,100% 100%,0 100%);background:#dec29b}.shape-lamp:after,.shape-tablelamp:after{height:7%;width:45%;left:28%;top:85%;border-radius:50%;background:#a28b60}.shape-lamp i,.shape-tablelamp i{width:3%;left:49%;top:43%;height:43%}.shape-lamp b,.shape-tablelamp b{display:none}.shape-plant:before{width:35%;height:35%;left:33%;top:60%;border-radius:0 0 15px 15px;background:#bfaa8e}.shape-plant:after{width:35%;height:55%;left:35%;top:5%;border-radius:50% 5%;background:#7d9363;transform:rotate(-20deg)}.shape-plant i{width:40%;height:30%;left:13%;top:33%;border-radius:60% 5%;background:#5c7754}.shape-plant b{display:none}.studio-tip{font-size:11px;color:#b5b5a1;line-height:1.7;margin:17px 0 0}.room-settings,.selected-controls{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:18px}.room-settings label,.selected-controls label{display:flex;flex-direction:column;gap:8px;color:#d3c9b5;font-size:11px}.room-settings label>span,.selected-controls label>span{color:#abac99;font-size:10px}.room-settings input[type=color],.selected-controls input[type=color]{width:100%;height:38px;padding:3px;border:1px solid #5a6351;border-radius:8px;background:#252c24}.room-settings select,.selected-controls select{font-size:12px;padding:10px 8px;max-width:100%}.room-settings label.check{grid-column:span 2;flex-direction:row;align-items:center}.studio-empty{padding:20px 5px}.studio-empty h3,.selected-heading h3{font:24px var(--serif);margin:0 0 8px;color:#eadeca}.studio-empty p{font-size:12px;color:#bab8a7}.selected-heading{display:flex;justify-content:space-between;gap:10px;align-items:start;margin-bottom:20px}.selected-heading h3{font-size:23px}.selected-heading span{font-size:10px;color:#aaa996;padding-top:6px;white-space:nowrap}.selected-actions{display:flex;gap:8px;flex-wrap:wrap}.selected-actions .secondary{font-size:10px}.danger{color:#edbdab}.upload-art{display:block;margin-top:20px;font-size:11px;color:#ddc5a5}.upload-art input{display:block;margin-top:9px;max-width:100%;font-size:10px}.saved-rooms>div{display:flex;align-items:center;gap:9px;border-bottom:1px solid #4a5348;padding:14px 0}.saved-rooms>div>span{flex:1;min-width:0}.saved-rooms b{font:17px var(--serif);display:block;overflow-wrap:anywhere}.saved-rooms small{font-size:9px;color:#b4b3a0}.saved-rooms .secondary{font-size:10px;padding:8px 12px}.delete-save{font-size:22px;background:none;color:#baad98}.studio-loading{min-height:400px;display:grid;place-items:center;color:#d1b995;font-family:var(--serif)}@media(max-width:760px){.studio{grid-template-columns:1fr;gap:12px}.studio-view{position:relative;top:0;height:52svh;min-height:350px;max-height:520px;border-radius:15px}.studio-tools{padding:16px}.view-top,.view-bottom{left:9px;right:9px}.view-label{font-size:6px;padding:7px}.view-btn{font-size:9px;padding:7px 9px}.view-bottom>span{font-size:8px;max-width:72%;line-height:1.5}.studio-name input{font-size:18px}.catalogue-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.furniture-tile{padding:9px}.furniture-tile>span:nth-child(2){font-size:10px}.furniture-shape{height:58px}.furniture-tile small{font-size:7px}.studio-tabs button{font-size:11px}.studio-name .primary{font-size:10px}.studio-tip{font-size:10px}}@media(prefers-reduced-motion:reduce){.studio *{transition:none!important}}