.drawer-layout-panel{display:none;position:fixed;z-index:81;right:14px;bottom:164px;width:350px;max-width:calc(100vw - 28px);color:#26382c;font:11px/1.5 Arial,sans-serif;border-radius:18px;background:rgba(244,247,241,.97);box-shadow:0 2px 16px #23362514}
.has-composed-idle[data-view=collection]>.drawer-layout-panel{display:block}
.drawer-layout-panel:not([open]){width:auto}
.drawer-layout-panel>summary{min-height:42px;padding:12px 16px;cursor:pointer}
.drawer-layout-panel[open]{top:76px;bottom:auto;max-height:calc(100dvh - 90px);overflow:auto;overscroll-behavior:contain;padding-bottom:12px}
.drawer-layout-note,.drawer-layout-status{margin:4px 14px 10px;font-size:10px}
.drawer-layout-panel fieldset{margin:10px 14px;padding:10px 0 0;border:0;border-top:1px solid #65736833}
.drawer-layout-panel legend{font-weight:600;padding-right:8px}
.drawer-layout-field{display:grid;grid-template-columns:minmax(0,1fr) 66px;gap:4px 8px;margin:8px 0;align-items:center}
.drawer-layout-field label{grid-column:1/-1}
.drawer-layout-field input{width:100%;min-width:0;min-height:32px;accent-color:#536f5c}
.drawer-layout-field input[type=number]{padding:5px;border:1px solid #65736855;border-radius:7px;background:white;font:inherit}
.drawer-layout-actions{display:flex;flex-wrap:wrap;gap:8px;margin:10px 14px}
.drawer-layout-actions button{min-height:38px;padding:8px 12px;border:1px solid #65736855;border-radius:18px;font:inherit}
.drawer-layout-json{display:block;margin:8px 14px;width:calc(100% - 28px);height:130px;font:10px/1.4 monospace}
.drawer-layout-json[hidden]{display:none}
body:has(dialog[open])>.drawer-layout-panel{display:none!important}
@media(max-width:600px){.drawer-layout-panel{right:14px;bottom:188px;max-width:calc(100vw - 20px)}.drawer-layout-panel[open]{top:68px;max-height:calc(100dvh - 82px)}.drawer-layout-field input{min-height:38px}}
@media(forced-colors:active){.drawer-layout-panel{background:Canvas;color:CanvasText;border:1px solid CanvasText}}

/* v58: model translation must not also resize its layout space. */
.four-fixed #collection .lineup{padding-bottom:calc(14px + var(--drawer-model-reserve,48px))}
.four-fixed #collection .lineup .look>button{margin-bottom:var(--drawer-model-reserve,48px)}
@media(min-width:601px){
.four-fixed .collection-stage>#collection{--peek-height:95px!important;height:max(83dvh,calc(var(--peek-height) + 120px))!important;max-height:calc(100dvh - 60px);--position-drawer-y:67px;--position-drawer-scale:1.06;--drawer-model-reserve:39px;--drawer-published-closed-text-y:-2px;--drawer-published-open-text-y:25px}
.four-fixed #collection .lineup,.four-fixed #collection .drawer-labels{column-gap:0!important;padding-left:100px!important;padding-right:100px!important}
.four-fixed #collection .four-peek-label,.four-fixed #collection .outfit-label-text{font-size:15px!important;line-height:1.4!important;word-spacing:0;letter-spacing:-.32px!important}
.four-fixed #collection .four-peek-label{transform:translateY(-2px)}
.four-fixed #collection .outfit-label-text{transform:translateY(25px)}
}
@media(max-width:600px){.four-fixed #collection{--drawer-model-reserve:0px}.four-fixed #collection .lineup{padding-bottom:12px}}

/* Bound desktop drawer surfaces and model sizing on wide or tall monitors. */
@media(min-width:601px){
 .voice-review-v20.four-fixed .collection-stage>#collection{left:max(0px,calc((100% - 1600px)/2));right:max(0px,calc((100% - 1600px)/2));width:auto;max-width:1600px;max-height:min(860px,calc(100dvh - 60px))!important}
}