/* Two quiet interior studies: full artwork, considered proportions, usable controls. */
.studio-builder{min-width:0;border-left:1px solid #d1c7bf66}.studio-builder .room{min-height:520px;padding:90px 50px 120px;isolation:isolate;background:radial-gradient(ellipse at 22% 10%,#fffdf4bb,transparent 66%),linear-gradient(90deg,#e4ded3,#eee9de 55%,#e1dace);transition:background .35s}
.studio-builder .room[data-tone=sage]{background:radial-gradient(ellipse at 22% 10%,#f5f6e7bb,transparent 66%),linear-gradient(90deg,#c6d0c2,#dce2d5 55%,#c5cec1)}.studio-builder .room[data-tone=stone]{background:radial-gradient(ellipse at 22% 10%,#fffdf7aa,transparent 66%),linear-gradient(90deg,#cdd1d0,#e3e5e0 55%,#cbd0ce)}
.studio-builder .room::after{content:'';position:absolute;bottom:0;left:0;right:0;height:14%;border-top:1px solid #80766b20;background:linear-gradient(#c9bdab35,#e7ddcd);z-index:-1}.room-heading{position:absolute;top:28px;left:30px;right:30px;display:flex;justify-content:space-between;gap:20px;font-size:8px;letter-spacing:.09em;color:#7c8277;line-height:1.8}.room-heading>span:last-child{letter-spacing:0;text-align:right}
.studio-builder .window-light{pointer-events:none;z-index:-1;background:linear-gradient(120deg,transparent 4%,#fff9e636 4.5%,#fff9e636 17%,transparent 17.5%,transparent 22%,#fff9e624 22.5%,#fff9e624 39%,transparent 39.5%);filter:blur(2px);opacity:.8}
#preview-frame{transform:none;border-style:solid;border-color:#a88c65;background:#f4efe4;box-shadow:inset 0 0 0 1px #ffffff70,2px 3px 0 #78654b,6px 7px 9px #55473522,19px 24px 30px #55473521;transition:border-color .3s,background .3s,box-shadow .3s}
#preview-frame::after{content:'';position:absolute;inset:calc(-1 * var(--preview-border-width,8px));border:1px solid #fff4;pointer-events:none;box-shadow:inset -2px -2px 3px #33271e24,inset 2px 2px 3px #fff4}#preview-frame>img{box-shadow:0 0 0 1px #665b4022;position:relative;z-index:1}
#preview-frame[data-frame=white]{border-color:#f5f4eb;background:#faf8f0;box-shadow:inset 0 0 0 1px #fff,2px 3px 0 #bdb9ac,6px 7px 9px #55473518,19px 24px 30px #55473521}#preview-frame[data-frame=black]{border-color:#303437;background:#f4efe4;box-shadow:inset 0 0 0 1px #ffffff20,2px 3px 0 #1b2023,6px 7px 9px #28313822,19px 24px 30px #28313821}
.studio-builder .shelf{width:56%;max-width:430px;height:8px;bottom:12%;left:50%;right:auto;transform:translateX(-50%);background:linear-gradient(#b49b7a,#8c7456);box-shadow:0 3px 0 #7b654d,0 15px 18px #66554320;z-index:0}.studio-builder .shelf::before{content:'';position:absolute;top:11px;left:8%;right:8%;height:34px;border-left:4px solid #8c7c65;border-right:4px solid #8c7c65}.studio-builder .mockup-label{left:30px;right:30px;bottom:18px;font-size:8px;line-height:1.8;color:#8b877b}
.studio-builder .builder-controls{padding:27px 30px 24px!important;background:#f3f0e9;border-top:1px solid #d6cfc3}.builder-summary{display:flex;justify-content:space-between;gap:20px;align-items:center;border-bottom:1px solid #d9d8cd;padding-bottom:20px;margin-bottom:22px}.builder-summary small{display:block;font-size:9px;color:#939587;line-height:1.8}.builder-summary p{font-size:17px;line-height:1.8;color:#324b5d;margin-top:4px;overflow-wrap:anywhere}.builder-reset{font-size:10px;line-height:1.8;padding:8px 0;border-bottom:1px solid #adb6ac;color:#7c8c7c;flex-shrink:0}.builder-reset:hover{color:#2447ab;border-color:#2447ab}
.studio-builder .builder-row{display:grid;grid-template-columns:45px minmax(0,1fr);gap:18px;align-items:center;margin-bottom:20px}.studio-builder .builder-row>span{font-size:11px;color:#7e897e;min-width:0}.studio-builder .preview-thumbs{gap:11px;flex-wrap:wrap}.studio-builder .preview-thumbs>button{width:42px;height:53px;border-radius:5px 1px 5px 1px;padding:3px;opacity:.6}.studio-builder .preview-thumbs>button img{object-fit:contain}.studio-builder .preview-thumbs>button.selected{opacity:1;border-color:#7e98ca;background:#e8ecf280}.studio-builder .preview-thumbs>button:hover{opacity:1}.studio-builder .upload-button{gap:8px;padding:11px 13px;font-size:11px;border:1px solid #c7cec5;border-radius:10px 2px 10px 2px;color:#59715b;background:#fbfaf6;margin-left:4px}.studio-builder .upload-button:hover{border-color:#7d96be}.studio-builder .upload-button>span:first-child{font-size:19px;line-height:1}
.studio-builder .builder-row:has(.size-control){grid-template-columns:45px minmax(0,1fr)}.studio-builder .frame-options{flex-wrap:wrap;gap:8px}.studio-builder .frame-options button{padding:9px 14px;font-size:11px;border-radius:10px 2px 10px 2px;border:1px solid #c7cec5;background:transparent;color:#70816e}.studio-builder .frame-options button.selected{border-color:#617ba8;color:#2447ab;background:transparent}.studio-builder .frame-options button:hover{background:#e7ecf4}
.studio-builder .size-control{grid-column:2;display:grid;grid-template-columns:1fr auto;align-items:center;gap:8px 18px;width:100%;max-width:100%;margin:3px 0 0;font-size:10px;line-height:1.8;color:#85907c}.studio-builder .size-control>span{grid-column:1}.studio-builder .size-control input{grid-row:2;grid-column:1/-1;width:100%;margin:3px 0;height:18px;accent-color:#607d9c}.studio-builder .size-control output{grid-row:1;grid-column:2;color:#56728b;font-variant-numeric:tabular-nums}.studio-builder .size-control small{font-size:9px;grid-column:1/-1;color:#a0a58f}
.wall-options{display:flex;gap:13px;flex-wrap:wrap}.wall-options button{display:flex;align-items:center;gap:7px;padding:5px 0;color:#8a9482;font-size:10px;line-height:1.8}.wall-options i{display:block;width:19px;height:19px;border-radius:50%;border:2px solid #f3f0e9;outline:1px solid #cad0c5;background:#e8e2d5}.wall-options [data-wall-tone=sage] i{background:#ccd6c7}.wall-options [data-wall-tone=stone] i{background:#d0d5d2}.wall-options button[aria-pressed=true]{color:#325f91}.wall-options button[aria-pressed=true] i{outline-color:#607eac}.studio-builder .upload-note{font-size:9px;line-height:1.9;color:#969b8b;margin-top:8px;max-width:none}
.spaces .space-scene-note{font-size:11px;line-height:2;color:#6f9488;min-height:44px;margin:-12px 0 24px;max-width:360px;word-break:keep-all}.spaces .space-types{flex-wrap:wrap;gap:9px}.spaces .space-types button{border-radius:14px 3px 14px 3px;padding:9px 14px}.spaces .space-types button.selected{background:transparent;color:#245c6e;border-color:#507f86;box-shadow:inset 0 -2px #507f8633}.spaces .space-types button:hover{background:#e7f1ec}
.spaces .space-visual{height:clamp(390px,32vw,520px);padding:0;isolation:isolate;border:1px solid #a8b6a533;border-radius:3px 3px 36px 3px;background:radial-gradient(ellipse at 24% 3%,#fffdf3cc,transparent 70%),linear-gradient(90deg,#d8dbce,#efeee3 55%,#d8dbce);box-shadow:0 18px 45px #34584b0c;transition:background .4s}.space-scene-heading{position:absolute;left:24px;right:24px;top:22px;display:flex;justify-content:space-between;gap:20px;color:#889581;font-size:8px;letter-spacing:.09em;z-index:3;line-height:1.8}.space-scene-heading strong{font-weight:400;letter-spacing:0}.spaces .space-wall{position:absolute;height:57%;width:auto;max-width:57%;left:50%;top:19%;transform:translateX(-50%);padding:5px;border:6px solid #a88f6d;background:#f5f0e4;box-sizing:content-box;box-shadow:2px 3px 0 #78654b,6px 9px 12px #24382f1a,17px 20px 25px #24382f1c;z-index:2}.spaces .space-wall img{display:block;height:100%;width:auto;max-width:100%;aspect-ratio:auto;object-fit:contain}.space-light{position:absolute;inset:0;background:linear-gradient(115deg,transparent 8%,#fffbe736 8.5%,#fffbe736 25%,transparent 25.5%,transparent 29%,#fffbe723 29.5%,#fffbe723 41%,transparent 41.5%);z-index:-1}.space-floor{position:absolute;bottom:0;left:0;right:0;height:16%;background:linear-gradient(#b2b49d30,#d9d4c2);border-top:1px solid #9ba38e33;z-index:-1}.spaces .space-seat{bottom:12%;left:auto;right:8%;width:36%;height:15px;border-radius:1px;background:linear-gradient(#c2b398,#9b8b70);box-shadow:0 4px 0 #7f745f,0 15px 18px #293e3819;z-index:1}.spaces .space-seat::after{content:'';position:absolute;top:18px;left:7%;right:7%;height:24px;border-left:4px solid #8f876f;border-right:4px solid #8f876f}.spaces .space-visual>span{left:24px;right:24px;bottom:12px;font-size:8px;line-height:1.7;color:#8c9483}
.spaces .space-visual[data-scene=hospital]{background:radial-gradient(ellipse at 30% 3%,#fffefa,transparent 70%),linear-gradient(90deg,#dde6e4,#eff3ef,#d7e2df)}.space-visual[data-scene=hospital] .space-wall{border-color:#f5f6ef;box-shadow:2px 3px 0 #becbc2,15px 20px 25px #24382f17}.space-visual[data-scene=hospital] .space-seat{background:#b6c9bd;box-shadow:0 3px 0 #9db6a5,0 14px 18px #293e3812;height:25px;width:35%;right:7%}.space-visual[data-scene=hospital] .space-floor{background:linear-gradient(#bacbc122,#d5e0d6)}
.spaces .space-visual[data-scene=hotel]{background:radial-gradient(ellipse at 50% -5%,#e8d7aa99,transparent 60%),repeating-linear-gradient(90deg,#433e35 0,#433e35 54px,#3d392f 55px,#3d392f 56px)}.space-visual[data-scene=hotel] .space-light{background:radial-gradient(ellipse at 50% 20%,#fff3bf33,transparent 65%)}.space-visual[data-scene=hotel] .space-scene-heading,.spaces .space-visual[data-scene=hotel]>span{color:#c4c5ad}.space-visual[data-scene=hotel] .space-wall{border-color:#6d5f48;box-shadow:2px 3px 0 #252c28,12px 16px 28px #121d1c44}.space-visual[data-scene=hotel] .space-seat{background:linear-gradient(#b59a71,#85704c);box-shadow:0 4px 0 #554a35,0 15px 18px #131b192c}.space-visual[data-scene=hotel] .space-floor{background:linear-gradient(#2a2f2a88,#555545)}
.spaces .space-visual[data-scene=office]{background:radial-gradient(ellipse at 24% 3%,#f8faf1bb,transparent 70%),linear-gradient(90deg,#cdd2d3,#e2e6e4,#c4cccb)}.space-visual[data-scene=office] .space-wall{border-color:#353d40;box-shadow:2px 3px 0 #202a2c,15px 20px 25px #24382f22}.space-visual[data-scene=office] .space-seat{width:43%;background:#8b9693;box-shadow:0 3px 0 #687774,0 16px 20px #293e3822}.space-visual[data-scene=office] .space-seat::after{border-color:#62736f}.space-visual[data-scene=office] .space-floor{background:linear-gradient(#7a8d8522,#b9c7bf)}
@media(max-width:1100px){.studio-builder .room{min-height:500px;padding:85px 35px 115px}.studio-builder .builder-controls{padding-inline:23px!important}.studio-builder .builder-row{gap:13px;grid-template-columns:39px minmax(0,1fr)}.studio-builder .builder-row:has(.size-control){grid-template-columns:39px minmax(0,1fr)}.studio-builder .upload-button{margin-left:0}.room-heading{left:23px;right:23px}.spaces .space-visual{height:410px}.studio-builder .frame-options button{padding-inline:11px}}
@media(max-width:760px){.studio-builder{border-left:0;border-top:1px solid #d1c7bf66}.studio-builder .room{min-height:460px;flex:none;height:clamp(460px,125vw,580px);padding:75px 32px 105px;box-sizing:border-box}.room-heading{font-size:7px;top:23px;left:24px;right:24px;gap:15px}.studio-builder .mockup-label{font-size:8px;left:24px;right:24px;bottom:15px}.studio-builder .builder-controls{padding:24px!important}.builder-summary{margin-bottom:22px;padding-bottom:17px;gap:18px}.builder-summary p{font-size:18px}.builder-summary small{font-size:10px}.builder-reset{font-size:11px}.studio-builder .builder-row{grid-template-columns:35px minmax(0,1fr);gap:15px;margin-bottom:22px}.studio-builder .builder-row:has(.size-control){grid-template-columns:35px minmax(0,1fr)}.studio-builder .preview-thumbs{gap:10px}.studio-builder .preview-thumbs>button{width:37px;height:48px}.studio-builder .upload-button{font-size:11px;padding:10px 11px;gap:6px}.studio-builder .frame-options{gap:7px}.studio-builder .frame-options button{font-size:11px;padding:8px 12px}.studio-builder .size-control{font-size:11px;margin-top:5px;gap:8px 16px}.studio-builder .size-control small{font-size:9px}.studio-builder .size-control input{height:24px}.wall-options{gap:13px}.wall-options button{font-size:10px}.studio-builder .upload-note{font-size:10px;line-height:2}.spaces .space-scene-note{font-size:12px;min-height:42px;margin:-9px 0 23px}.spaces .space-visual{height:400px;border-radius:3px 3px 29px 3px}.space-scene-heading{left:22px;right:22px;top:21px;font-size:8px}.spaces .space-visual>span{font-size:8px;left:22px;right:22px;bottom:12px}.spaces .space-wall{height:55%;max-width:60%;top:20%}.spaces .space-seat{right:7%;width:38%}.spaces .space-types button{padding:9px 12px}}
@media(max-width:370px){.studio-builder .builder-controls{padding-inline:20px!important}.studio-builder .builder-row,.studio-builder .builder-row:has(.size-control){gap:10px;grid-template-columns:31px minmax(0,1fr)}.studio-builder .preview-thumbs{gap:7px}.studio-builder .upload-button{font-size:10px;padding:9px}.wall-options{gap:9px}}
@media(prefers-reduced-motion:reduce){.studio-builder .room,#preview-frame,.spaces .space-visual{transition:none}}.reduced-motion :is(.studio-builder .room,#preview-frame,.spaces .space-visual){transition:none}
.studio>.studio-copy{align-self:center}
@media(min-width:761px){.studio-builder .builder-row:has(.size-control){grid-template-columns:39px minmax(0,1fr) minmax(105px,.65fr);gap:13px}.studio-builder .size-control{grid-column:3;grid-row:1;margin:0}.studio-builder .room{padding-top:75px;padding-bottom:100px}}