.dw-picker { color-scheme:light; color:#302a42; background:#f4f4f7; font:14px/1.45 "Segoe UI",Arial,sans-serif; }
.dw-picker * { box-sizing:border-box; }
.dw-picker .dw-picker-header { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:12px; flex-wrap:wrap; }
.dw-picker .dw-picker-title { font:650 15px/1.4 "Segoe UI",Arial,sans-serif; margin:0; letter-spacing:0; }
.dw-picker .dw-picker-nav { display:flex; gap:7px; }
.dw-picker .dw-picker-nav button { color:#302a42; background:#fff; border:1px solid #cbc7d7; border-radius:7px; padding:7px 11px; min-height:36px; font:13px/1.4 "Segoe UI",Arial,sans-serif; cursor:pointer; }
.dw-picker .dw-picker-grid { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:9px; }
.dw-picker.dw-picker-themes .dw-picker-grid { grid-template-columns:repeat(7,minmax(0,1fr)); }
.dw-picker .dw-picker-choice { text-align:left; color:#302a42; background:#fff; border:2px solid #dedbe7; border-radius:10px; padding:10px; min-width:0; cursor:pointer; font:13px/1.4 "Segoe UI",Arial,sans-serif; }
.dw-picker .dw-picker-choice:hover { border-color:#9284a7; }
.dw-picker .dw-picker-choice[aria-pressed="true"] { border-color:#69508e; box-shadow:0 0 0 1px #69508e; background:#f8f4ff; }
.dw-picker button:focus-visible { outline:3px solid #7554b2; outline-offset:3px; }
.dw-picker .dw-picker-name { display:block; font:650 12px/1.4 "Segoe UI",Arial,sans-serif; }
.dw-picker .dw-picker-sample { display:block; font-size:28px; line-height:1.65; color:#443452; margin-bottom:3px; white-space:nowrap; }
.dw-picker .dw-picker-body-sample { display:block; font-size:12px; line-height:1.5; margin-bottom:10px; color:#655c71; }
.dw-picker .dw-picker-swatches { display:flex; height:28px; overflow:hidden; border-radius:5px; margin-bottom:9px; }
.dw-picker .dw-picker-swatches span { flex:1; }
.dw-picker .dw-picker-swatches span:first-child { flex:1.5; }
.dw-picker .dw-picker-description { display:block; color:#635a70; font:12px/1.5 "Segoe UI",Arial,sans-serif; margin-top:12px; }
.dw-picker .dw-picker-select { display:block; width:100%; min-height:44px; font:16px/1.4 "Segoe UI",Arial,sans-serif; color:#302a42; background:#fff; padding:9px 12px; border:1px solid #cbc7d7; border-radius:8px; }
.dw-picker .dw-picker-weights { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; margin:16px 0 0; }
.dw-picker .dw-picker-weight { display:block; min-width:0; }
.dw-picker .dw-picker-weight-top { display:flex; justify-content:space-between; gap:8px; flex-wrap:wrap; font-size:13px; }
.dw-picker .dw-picker-weight-top output { color:#69508e; font-weight:600; }
.dw-picker .dw-picker-weight input { display:block; width:100%; margin:7px 0 2px; accent-color:#69508e; min-height:22px; }
.dw-picker .dw-picker-weight-note { display:block; color:#635a70; font-size:11px; }
.dw-picker .dw-picker-samples { margin-top:14px; padding-top:0; border:0; }
.dw-picker .dw-picker-samples summary { cursor:pointer; padding:7px 0; font-size:13px; color:#534b60; }
.dw-picker .dw-picker-samples[open] summary { margin-bottom:8px; }
.dw-picker :is(select,input,summary):focus-visible { outline:3px solid #7554b2; outline-offset:3px; }
@media (max-width:1050px) { .dw-picker .dw-picker-grid { grid-template-columns:repeat(3,minmax(0,1fr)); } .dw-picker.dw-picker-themes .dw-picker-grid { grid-template-columns:repeat(4,minmax(0,1fr)); } }
@media (max-width:600px) { .dw-picker .dw-picker-grid,.dw-picker.dw-picker-themes .dw-picker-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } .dw-picker .dw-picker-nav button { min-height:44px; } }
@media (max-width:480px) { .dw-picker .dw-picker-weights { grid-template-columns:1fr; gap:14px; } .dw-picker .dw-picker-weight input { min-height:32px; } }