#selection-panel .selection-designer-button{border-radius:999px!important;text-align:center;box-shadow:0 5px 16px #22294122;transition:transform .2s,box-shadow .2s;background:linear-gradient(135deg,#292e49,#4b536d);letter-spacing:.02em}
#selection-panel .selection-designer-button:hover{transform:translateY(-2px);box-shadow:0 8px 22px #22294133}
.door-studio-mode #sidebar,.door-studio-mode #selection-panel,.door-studio-mode .header-views,.door-studio-mode .view-actions,.door-studio-mode #interaction-hint,.door-studio-mode .corner-run-overlay,.door-studio-mode #toggle-sidebar{display:none!important}
.door-studio-mode .studio-header{pointer-events:none;opacity:.5}
.door-studio{position:absolute;inset:0;z-index:30;pointer-events:none;color:#292e49}
.door-studio[hidden]{display:none}
.door-studio button{pointer-events:auto}
.door-studio-heading{position:absolute;top:22px;left:28px;right:28px;display:flex;justify-content:space-between;align-items:center;gap:16px}
.door-studio-heading span{font-size:10px;letter-spacing:.18em}
.door-studio-heading h2{font-size:clamp(17px,2vw,25px);margin:4px 0;font-weight:500}
.door-studio-heading>button,.door-studio-orbit button{background:#ffffffed;border:1px solid #d9dce2;border-radius:999px;padding:11px 18px;color:#292e49}
.door-studio-heading>button{white-space:nowrap;box-shadow:0 5px 20px #2229410b}
.door-studio-orbit{position:absolute;top:90px;left:28px;font-size:11px;color:#666c79;display:flex;align-items:center;gap:10px}
.door-studio-orbit button{padding:6px 12px;font-size:11px}
.door-studio-tray{pointer-events:auto;position:absolute;bottom:18px;left:50%;transform:translateX(-50%);width:min(1000px,calc(100% - 36px));background:#fffdf9f2;border:1px solid #fff;box-shadow:0 12px 45px #2229411a;border-radius:24px;padding:14px 18px 8px;backdrop-filter:blur(18px);animation:door-tray-in .45s ease both}
.door-studio-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}
.door-studio-tabs{display:flex;gap:4px;background:#eaecef;border-radius:999px;padding:3px}
.door-studio-tabs button,.door-studio-controls>[data-undo]{font-size:12px;border:0;border-radius:999px;padding:7px 14px;background:transparent}
.door-studio-tabs [aria-pressed=true]{background:#292e49;color:white}
.door-studio-current{display:flex;gap:14px;align-items:center;font-size:12px}
.door-studio-current strong{font-weight:500;text-align:center}
.door-studio-current button{border:1px solid #dddfe6;border-radius:50%;width:32px;height:32px;padding:0;background:white}
.door-studio .design-picker{margin:0}.door-studio .finish-picker-heading{display:none}
.door-studio .design-tile-grid{display:flex;gap:10px;overflow-x:auto;padding:4px 2px 8px;overscroll-behavior-x:contain}
.door-studio .design-tile{flex:0 0 88px;min-width:88px;padding:5px;border-radius:12px}
.door-studio .design-tile-sample{height:68px;aspect-ratio:auto}
.door-studio .design-tile-sample img{height:68px;object-fit:contain}
.door-studio .finish-tile-name{font-size:10px;line-height:1.2}
.door-studio-tray p{font-size:10px;margin:5px 0;text-align:center;color:#686d78}
.door-studio-tray .door-studio-error{color:#9a3d35;font-size:12px}
.door-studio button:focus-visible{outline:3px solid #a68c55;outline-offset:3px}
@keyframes door-tray-in{from{opacity:0;translate:0 18px}to{opacity:1;translate:0 0}}
@media(max-width:650px){.door-studio-heading{top:14px;left:14px;right:14px;align-items:flex-start}.door-studio-heading h2{max-width:45vw}.door-studio-heading>button{padding:9px 12px;font-size:11px}.door-studio-orbit{top:88px;left:14px;font-size:10px}.door-studio-tray{bottom:8px;width:calc(100% - 16px);padding:10px 10px 6px;border-radius:18px}.door-studio-controls{gap:5px;flex-wrap:wrap}.door-studio-current{order:3;flex:1 0 100%;justify-content:center;gap:18px}.door-studio .design-tile{flex-basis:74px;min-width:74px}.door-studio .design-tile-sample,.door-studio .design-tile-sample img{height:54px}.door-studio-tray p{font-size:9px}}
@media(prefers-reduced-motion:reduce){.door-studio-tray{animation:none}#selection-panel .selection-designer-button{transition:none}}

.door-studio-mode .workspace{background:#f3f5f4}
.door-studio-mode #scene{top:120px;bottom:calc(var(--door-tray-height,210px) + 36px)}
.door-studio-tray{max-height:40%;overflow-y:auto}
.door-studio button{min-height:32px}
@media(max-height:550px){.door-studio-mode #scene{top:92px}.door-studio-orbit{top:65px}.door-studio-tray{max-height:36%}.door-studio-heading{top:8px}.door-studio-heading h2{font-size:16px}}

/* The designer has its own undo/navigation; keep the room toolbar out of its heading. */
.door-studio-mode .scene-tools{display:none!important}
.door-studio-apply{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:8px;padding-top:8px;border-top:1px solid #e2e4e2}
.door-studio-apply button{border:1px solid #cdd6d0;border-radius:999px;padding:8px 14px;background:#edf5ef;color:#215c42;font-size:12px}
.door-studio-apply span{font-size:11px;color:#686d78;margin-left:auto}
.door-studio-panels{border-top:1px solid #e2e4e2;padding-top:6px;margin-top:6px}
.door-studio-panels summary{pointer-events:auto;cursor:pointer;font-size:13px;color:#215c42;padding:6px 0}
.door-studio-panels summary span{font-size:11px;color:#686d78;margin-left:8px}
.door-studio-panels .finish-picker-heading{display:block;font-size:11px;margin:6px 0}
.door-studio-tray{max-height:53%}
.door-studio-orbit{flex-wrap:wrap}
@media(max-width:650px){.door-studio-apply span{flex-basis:100%;margin-left:0}.door-studio-tray{max-height:52%}.door-studio-orbit{top:84px;right:14px}}
@media(max-height:550px){.door-studio-tray{max-height:46%}.door-studio-orbit{top:64px}}
/* Centre inserts use the same tray space as style samples, keeping the close-up visible. */
.door-studio-tray:has(.door-studio-panels[open]) [data-tiles]{display:none}
.door-studio-tray:has(.door-studio-panels[open]){max-height:46%}
.door-studio-tray .door-studio-error{color:#215c42;min-height:1em}
.door-studio-panels .finish-picker-heading{display:none}
.door-studio-panels .design-tile-sample,.door-studio-panels .design-tile-sample img{height:54px}
.door-studio-tray .door-studio-error:empty{display:none}
.door-studio-mode #recovery-notice{display:none}

/* Door and insert choices wrap into rows; only the tray scrolls. */
.door-studio-tray{overflow-x:hidden;overscroll-behavior-x:none;touch-action:pan-y;box-sizing:border-box;min-width:0}
.door-studio .design-tile-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(88px,1fr));overflow:visible;min-width:0}
.door-studio .design-tile{width:100%;min-width:0;max-width:100%;box-sizing:border-box}
.door-studio .design-picker,.door-studio [data-tiles],.door-studio [data-panels]{min-width:0;max-width:100%}