/* Developer preview controls sit outside the shop's navigation and catalogue. */
.preview-tools-dock{position:fixed;left:10px;bottom:18px;width:205px;z-index:15;border:1px solid #d7c6a9;border-radius:8px;background:#faf7f0;box-shadow:0 4px 18px #253c2520;color:#755b37}
.preview-tools-dock>summary{font:600 11px/1.8 var(--font-ui);padding:12px;cursor:pointer;list-style-position:inside}
.preview-tools-dock[open]>summary{border-bottom:1px dashed #dfd1b9}
.preview-tools-dock .preview-controls-host{margin:0;border:0;border-radius:0 0 8px 8px;max-height:calc(100dvh - 180px);overflow-y:auto;scrollbar-width:thin}
.preview-tools-dock .promotion-showcase{padding:13px 11px}
.preview-tools-dock .preview-tools-title{display:none}
@media(min-width:1740px){.preview-tools-dock{top:112px;bottom:auto;left:12px;width:min(210px,calc((100vw - 1380px)/2 - 28px));box-shadow:none}.preview-tools-dock .preview-controls-host{max-height:calc(100dvh - 190px)}}
@media(max-width:760px){.preview-tools-dock{left:8px;bottom:12px;width:195px}.preview-tools-dock>summary{font-size:10px;padding:10px}.preview-tools-dock .promotion-showcase-heading{display:block}.preview-tools-dock .promotion-type-tabs{grid-template-columns:1fr}.preview-tools-dock .preview-controls-host{max-height:55dvh}}

.preview-tools-dock,.preview-tools-dock[open]{top:auto;bottom:18px;left:14px;width:48px;border:0;border-radius:50%;background:transparent;box-shadow:none;overflow:visible}
.preview-tools-dock>summary{display:grid;place-items:center;list-style:none;width:48px;height:48px;padding:0;border:1px solid #c8dcca;border-radius:50%;background:#fff;color:#246c43;box-shadow:0 3px 14px #264d3526;cursor:pointer}
.preview-tools-dock>summary::-webkit-details-marker{display:none}
.preview-tools-dock>summary svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linejoin:round}
.preview-tools-dock[open]>summary{border:1px solid #9fc6a5;background:#e9f5e9}
.preview-tools-dock .preview-controls-host{position:absolute;left:0;bottom:60px;width:210px;max-height:calc(100dvh - 180px);margin:0;border:1px solid #d6c6a9;border-radius:8px;background:#faf7f0;box-shadow:0 5px 22px #263e2520;overflow-y:auto}