/* Live studio: independent of the retired perspective mockups. */
.mm-atelier [data-live-error]{padding:12px;border-radius:8px;background:#f6e7df;color:#803b2d;font-size:12px}
@container(max-width:100px){.mm-live__loading-text small{display:none}}
.mm-live__loading{position:absolute;inset:0;z-index:2;overflow:hidden;opacity:0;visibility:hidden;transition:opacity .5s,visibility .5s;background:#30271e55;backdrop-filter:blur(2px)}
.mm-live[data-loading=true] .mm-live__loading{opacity:1;visibility:visible}
.mm-live__wave{position:absolute;inset:0;background:linear-gradient(0deg,#b89a70e8,#e4d5b8c9);transform:translateY(calc(100% - var(--live-progress,0%)));transition:transform .4s linear}
.mm-live__wave:before,.mm-live__wave:after{content:"";position:absolute;left:-50%;width:200%;height:38px;top:-20px;border-radius:43%;background:#e4d5b8c9;animation:mm-water 4s ease-in-out infinite alternate}
.mm-live__wave:after{top:-12px;opacity:.6;animation-delay:-2s;animation-duration:5s}
.mm-live__loading-text{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;text-align:center;padding:5%;color:#fffdf7;text-shadow:0 1px 8px #34231899}
.mm-live__loading-text strong{font-size:clamp(16px,13cqw,64px);font-weight:500;line-height:1.1;font-variant-numeric:tabular-nums}.mm-live__loading-text small{font-size:clamp(7px,4cqw,14px);line-height:1.3}.mm-live__loading-text .mm-live__estimate{font-size:clamp(6px,3cqw,10px);opacity:.85}
.mm-live.is-revealing [data-scene-canvas]{animation:mm-art-reveal .9s ease-out both}
@keyframes mm-water{from{transform:translateX(-9%) rotate(-4deg)}to{transform:translateX(9%) rotate(4deg)}}
@keyframes mm-art-reveal{from{opacity:.1;filter:blur(4px)}to{opacity:1;filter:blur(0)}}
@media(prefers-reduced-motion:reduce){.mm-live__wave:before,.mm-live__wave:after,.mm-live.is-revealing [data-scene-canvas]{animation:none}.mm-live__loading{transition:none}}
.mm-atelier .mm-orientation{display:grid;grid-template-columns:1fr 1fr;gap:8px}.mm-atelier .mm-orientation button{display:flex;align-items:center;justify-content:center;gap:12px;min-height:54px;border:1px solid #d9d0c7;border-radius:9px;background:#fffdf9;color:inherit;font:inherit;font-size:12px;cursor:pointer}.mm-atelier .mm-orientation button[aria-pressed=true]{border-color:#54483f;box-shadow:inset 0 0 0 1px #54483f;background:#eee7de}.mm-orientation__icon{display:inline-block;width:15px;height:22px;border:1.5px solid currentColor;border-radius:1px;opacity:.75}.mm-orientation__icon--wide{width:25px;height:17px}
.mm-crop{margin:14px 0;border-top:1px solid #ded5cb;padding-top:12px;font-size:12px}.mm-crop summary{cursor:pointer;font-weight:600}.mm-crop p{color:#7c7167;font-size:11px}.mm-crop label{display:grid;grid-template-columns:90px 1fr;align-items:center;gap:12px;margin:8px 0}.mm-crop input{width:100%;min-height:32px;accent-color:#665041}.mm-preview-jump{display:none}.mm-live{scroll-margin-top:90px}
@media(max-width:749px){.mm-atelier .mm-preview-jump{display:block;text-align:center;font-size:12px;margin:16px 0;padding:13px;border:1px solid #c8baac;border-radius:8px;color:#54483f;text-decoration:none}}
.mm-atelier .mm-live{position:relative;isolation:isolate;overflow:hidden;border-radius:16px;background:#eee9e1;aspect-ratio:1;container-type:inline-size}
.mm-live [hidden]{display:none!important}
.mm-live__scene{position:absolute;inset:0}
.mm-live__background{display:block;width:100%;height:100%;object-fit:cover}
.mm-live__object{position:absolute;left:50%;top:40%;width:var(--room-width,22%);transform:translate(-50%,-50%);container-type:inline-size;padding:0;background:var(--frame-color,#342d29);box-shadow:2px 3px 3px #30231824,5px 9px 12px #3023181a}
.mm-live [data-scene=room] .mm-live__object{top:45%;width:var(--close-width,45%);--frame-width:var(--close-frame-width)}
.mm-live [data-scene=living] .mm-live__object{left:55%;top:34%}
.mm-live [data-scene=desk] .mm-live__object{left:52%;top:37%}
.mm-live__print{position:relative;aspect-ratio:var(--art-ratio,.666667);overflow:hidden;background:#eee5da}
.mm-live__print img,.mm-live__print canvas{display:block;width:100%;height:100%;object-fit:cover}
.mm-live:not([data-frame=none]):not([data-frame=digital]) .mm-live__object{padding:var(--frame-width,3cqw);border:1px solid #ffffff38;background:var(--frame-color);box-shadow:inset 1px 1px 1px #ffffff55,inset -1px -1px 2px #0005,2px 3px 4px #30231833,5px 9px 12px #30231822}
.mm-live:not([data-frame=none]):not([data-frame=digital]) .mm-live__print{box-shadow:0 0 0 1px #0005,inset 0 0 3px #0005}
.mm-live[data-frame=wood-white]{--frame-color:#f0eee8}
.mm-live[data-frame=wood-natural],.mm-live[data-frame=box-wood]{--frame-color:repeating-linear-gradient(93deg,#ab8158 0,#b68e65 2px,#b38b61 4px,#ba956d 5px)}
.mm-live[data-frame=wood-black],.mm-live[data-frame=box-black]{--frame-color:#292824}
.mm-live[data-frame=aluminum-black]{--frame-color:linear-gradient(110deg,#444440,#171816 65%,#42423e)}
.mm-live[data-frame=aluminum-gold]{--frame-color:linear-gradient(110deg,#bb9a58,#dcc68e 35%,#a68b52 75%,#c6ae72)}
.mm-live[data-frame=aluminum-silver]{--frame-color:linear-gradient(110deg,#989a98,#deded8 35%,#92948f 75%,#c8c9c5)}
.mm-live[data-frame^=box] .mm-live__print{outline:clamp(1px,.35cqw,3px) solid #26231e;outline-offset:0}
.mm-live[data-product=canvas][data-frame=none] .mm-live__object{border-right:3px solid #c7b8a4;border-bottom:2px solid #b8a992}
.mm-live[data-product=digital] .mm-live__background{opacity:0}
.mm-live[data-product=digital]+.mm-scene-tabs{display:none}
.mm-live[data-product=digital] .mm-live__object{left:50%;top:45%;width:var(--close-width,45%);box-shadow:none}
.mm-live__caption{position:absolute;bottom:18px;left:18px;right:18px;display:flex;justify-content:space-between;gap:12px;color:#443b34;font-size:12px}
.mm-live__caption span{padding:7px 11px;background:#fffdf8ed;border-radius:6px}
.mm-atelier .mm-scene-tabs{gap:8px;margin-top:12px;grid-template-columns:repeat(3,minmax(0,1fr))}
.mm-atelier .mm-scene-tabs button{display:flex;justify-content:center;min-height:64px;padding:10px 8px;text-align:center;background:transparent;border:1px solid #d9d0c7;border-radius:9px;box-shadow:none;transform:none}
.mm-atelier .mm-scene-tabs button[aria-pressed=true]{background:#f0e9e1;border-color:#5c493e;box-shadow:inset 0 0 0 1px #5c493e}
.mm-atelier .mm-scene-tabs strong{font-size:12px}.mm-atelier .mm-scene-tabs small{font-size:10px;color:#756c64}
.mm-live__material{font-size:12px;color:#463c34;margin:16px 0 5px}.mm-atelier .mm-preview-note{font-size:11px;line-height:1.65;margin:0;color:#80756c}
.mm-atelier .mm-config__types{gap:8px}.mm-atelier .mm-config__types button{min-height:96px;padding:14px 7px;border-radius:10px;background:#fffdf9;box-shadow:none;transition:border-color .15s,background-color .15s}
.mm-atelier .mm-config__types button[aria-pressed=true]{background:#eee7de;border-color:#54483f;box-shadow:inset 0 0 0 1px #54483f}
.mm-atelier .mm-product-icon{display:none!important}.mm-atelier .mm-config__types strong{font-size:13px}.mm-atelier .mm-config__types small{font-size:10px;line-height:1.4;color:#7c7167}
.mm-atelier [data-frame-options]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.mm-atelier [data-frame-options] button{display:grid;grid-template-columns:29px 1fr;gap:3px 10px;align-items:center;min-height:76px;padding:12px;text-align:left;border:1px solid #d9d0c7;border-radius:9px;background:#fffdf9;box-shadow:none}
.mm-atelier [data-frame-options] button[aria-pressed=true]{border-color:#54483f;box-shadow:inset 0 0 0 1px #54483f;background:#eee7de}
.mm-atelier [data-frame-options] .mm-frame-swatch{grid-row:1 / 3;width:24px;height:31px;box-shadow:1px 2px 3px #3023181c}
.mm-atelier [data-frame-options] button>span:not(.mm-frame-swatch){font-size:11px;line-height:1.45}.mm-atelier [data-frame-options] small{grid-column:2;font-size:10px;color:#786b60}
.mm-atelier [data-size-options] button{min-height:47px;border-radius:8px;background:#fffdf9}.mm-atelier [data-size-options] button[aria-pressed=true]{background:#eee7de;border-color:#54483f;box-shadow:inset 0 0 0 1px #54483f}
.mm-atelier button:focus-visible{outline:2px solid #624b3c;outline-offset:3px}.mm-atelier button:disabled{opacity:.4;cursor:not-allowed}
@media(max-width:749px){.mm-atelier .mm-live{border-radius:12px}.mm-atelier .mm-atelier__layout{gap:28px}.mm-atelier .mm-product-types button{min-height:85px}.mm-atelier [data-frame-options] button{padding:10px;gap:3px 8px}.mm-live__caption{bottom:12px;left:12px;right:12px;font-size:10px}.mm-atelier .mm-atelier__promise{margin-top:15px}}
@media(prefers-reduced-motion:reduce){.mm-atelier *{scroll-behavior:auto!important;transition:none!important}}