/* 8.ro */
.pl-pick { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.pl-hint { margin: 0; color: var(--muted); font-size: .875rem; }
.pl-drop { display: grid; place-items: center; height: 380px; padding: 16px; transition: box-shadow .15s; }
.pl-drop.is-over { box-shadow: inset 0 0 0 3px var(--accent); }
.pl-view { display: block; width: auto; height: auto; max-width: 100%; max-height: 348px; border-radius: 10px; box-shadow: 0 16px 36px -18px rgb(0 0 0 / .45); }
@media (min-width: 720px) { .pl-swatches { grid-template-columns: repeat(auto-fill, minmax(110px, 1fr)); } }
.sw-empty { background: var(--surface-2); }
.field-text.pl-out { min-height: 200px; }