.dtx-design-browser{margin:12px 0 16px;min-width:0;color:#111}
.dtx-design-browser__heading{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:10px;font-size:13px}
.dtx-design-browser__heading>span{font-size:12px;font-weight:500}
.dtx-design-browser__heading>button{margin-left:auto;background:#fff;color:#111;border:0;padding:8px 0 8px 10px;font:inherit;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.dtx-design-browser__rail{position:relative;display:flex;gap:9px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;padding:3px 2px 9px;scrollbar-width:thin}
[data-design-choice]{appearance:none;display:flex;flex-direction:column;align-items:center;gap:6px;flex:0 0 102px;scroll-snap-align:center;padding:5px;background:#fff;color:#111;border:1px solid #dedede;border-radius:11px;font:inherit;font-size:11px;font-weight:600;line-height:1.3;cursor:pointer;box-sizing:border-box;text-align:center}
[data-design-choice] img{width:100%;height:auto;aspect-ratio:1;object-fit:contain;border-radius:7px;background:white}
[data-design-choice] span{padding:0 2px 4px;min-height:30px;display:flex;align-items:center;justify-content:center}
[data-design-choice][aria-pressed=true]{border-color:#111;box-shadow:0 0 0 1px #111}
[data-design-choice]:focus-visible{outline:3px solid #111;outline-offset:2px}
.dtx-design-browser>p{font-size:11px;color:#555;margin:5px 0 0}
.dtx-gallery[data-visual-designs=true]>.dtx-gallery__thumbs{display:none}
.dtx-sticky-browse{display:block;width:100%;background:#fff;color:#111;border:1px solid #ddd;border-radius:6px;padding:6px 9px;text-align:left;font:inherit;font-size:11px;cursor:pointer;margin-top:5px}
.dtx-design-sheet{position:fixed;inset:auto 0 0;margin:0 auto;width:min(620px,100%);max-width:100%;height:min(850px,92dvh);max-height:92dvh;border:0;border-radius:22px 22px 0 0;padding:0;background:#fff;color:#111;box-sizing:border-box;overflow:hidden;font-family:inherit}
.dtx-design-sheet[open]{display:flex;flex-direction:column}
.dtx-design-sheet::backdrop{background:#0008}
.dtx-design-sheet header{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 18px;border-bottom:1px solid #eee}
.dtx-design-sheet header h2{font:inherit;font-size:17px;font-weight:700;margin:0}
.dtx-design-sheet header button{background:#fff;color:#111;border:1px solid #ddd;border-radius:50%;width:36px;height:36px;font-size:25px;cursor:pointer;flex-shrink:0}
.dtx-design-sheet__preview{flex-shrink:0;text-align:center;padding:10px 14px;background:white}
.dtx-design-sheet__preview img{display:block;height:clamp(140px,29dvh,290px);width:100%;object-fit:contain;background:white}
.dtx-design-sheet__preview strong{display:block;font-size:14px;margin:5px 0}
.dtx-design-sheet__choices{position:relative;min-height:110px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:12px 16px;overflow:auto;overscroll-behavior:contain;flex:1;border-top:1px solid #eee}
.dtx-design-sheet footer{flex-shrink:0;padding:12px 18px max(12px,env(safe-area-inset-bottom));border-top:1px solid #eee;background:#fff}
.dtx-design-sheet footer button{border:0;border-radius:9px;padding:14px;background:#111;color:#fff;width:100%;font:inherit;font-weight:700;cursor:pointer}
.dtx-design-sheet footer button:disabled{opacity:.45;cursor:default}
body.dtx-design-sheet-open{overflow:hidden}
@media(max-width:999px){.dtx-case-sticky .dtx-sticky-options__design>[data-sticky-design-input]{display:none}.dtx-case-sticky .dtx-sticky-browse{height:46px;font-size:14px;font-weight:600;margin:0;padding:10px 12px}.dtx-case-sticky__fields>[data-edit-selection=model]{grid-column:1/-1}.dtx-design-browser__heading{font-size:13px}.dtx-design-browser__heading>span{max-width:45%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.dtx-design-browser__rail [data-design-choice]{flex-basis:96px}}
@media(prefers-reduced-motion:no-preference){.dtx-design-sheet[open]{animation:dtx-design-enter .2s ease-out}@keyframes dtx-design-enter{from{transform:translateY(40px);opacity:.4}to{transform:translateY(0);opacity:1}}}
