/* The scene fills the workspace; settings slide in only when requested. */
.app-frame{--drawer-width:clamp(320px,34cqw,420px)}
.atelier{position:relative;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr);overflow:hidden}
.stage{grid-area:1/1;min-width:0;min-height:0;overflow:clip}
.header-tab{background:transparent;padding:0}
.configuration{position:absolute;inset:0 0 0 auto;width:var(--drawer-width);z-index:8;transform:translateX(105%);opacity:0;visibility:hidden;pointer-events:none;box-shadow:-12px 0 40px #5b49351a;transition:transform .35s ease,opacity .25s,visibility .35s}
.configuration.is-open{transform:translate(0,0);opacity:1;visibility:visible;pointer-events:auto}
.drawer-close{position:absolute;right:12px;top:12px;width:30px;height:30px;z-index:2;color:#8d7960}
.drawer-close svg{width:17px;height:17px}
.customize-button{position:absolute;right:28px;bottom:25px;z-index:4;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:43px;padding:0 23px;border:1px solid #fff6e526;border-radius:28px;background:#493d2e;color:#fcf6eb;font-family:var(--serif);font-size:16px;box-shadow:0 5px 24px #493d2e26;transition:background .2s,opacity .2s,visibility .2s}
.customize-button:hover{background:#645139}
.customize-button svg{width:18px;height:18px}
.customize-button[aria-expanded=true]{opacity:0;visibility:hidden;pointer-events:none}
.atelier[data-config-open=true] .stage-heading,.atelier[data-config-open=true] .viewer-controls,.atelier[data-config-open=true] .rotate-hint{right:var(--drawer-width)}
.atelier[data-config-open=true] .reset-camera{right:calc(var(--drawer-width) + 18px)}

@container atelier-viewport (max-width:900px){
  .app-frame{--drawer-width:clamp(242px,35cqw,310px)}
  .customize-button{right:16px;bottom:12px;min-height:32px;padding:0 17px;font-size:12px;gap:8px}
  .customize-button svg{width:15px;height:15px}
  .atelier:not([data-config-open=true]) .viewer-controls{left:14px;right:auto}
}
@container atelier-viewport (max-height:600px){
  .configuration-tabs{padding-right:29px;gap:1px}
  .drawer-close{top:12px;right:10px}
}