.ds-picker-panel{margin-top:24px;padding:20px;border-radius:16px;border:1px solid #e2e8f0;background:#f8fafc}.dark .ds-picker-panel{border-color:#ffffff0f;background:#ffffff05}.ds-picker-title{font-size:.75rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#64748b;margin-bottom:16px;display:flex;align-items:center;gap:8px}.dark .ds-picker-title{color:#8a9bb8}.ds-picker-title i{color:#8e202c;font-size:.85rem}.ds-color-row{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:20px}.ds-color-field{display:flex;flex-direction:column;gap:5px;flex:1 1 170px;min-width:155px}.ds-color-field label{font-size:.68rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#64748b}.dark .ds-color-field label{color:#8a9bb8}.ds-color-swatch-wrap{display:flex;align-items:center;gap:6px;padding:6px 8px;border-radius:10px;border:1px solid #e2e8f0;background:#fff;cursor:pointer;transition:border-color .2s}.dark .ds-color-swatch-wrap{border-color:#ffffff14;background:#ffffff0a}.ds-color-swatch-wrap:hover{border-color:#8e202c}.ds-color-swatch{width:28px;height:28px;border-radius:6px;border:1px solid rgba(0,0,0,.1);flex-shrink:0}.ds-color-value{font-size:.65rem;font-family:monospace;color:#475569;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dark .ds-color-value{color:#94a3b8}.ds-color-input-hidden{position:absolute;width:0;height:0;opacity:0;pointer-events:none}.ds-preset-row{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.ds-preset-btn{display:flex;align-items:center;gap:6px;padding:6px 14px;border-radius:100px;border:1px solid #e2e8f0;background:#fff;font-size:.72rem;font-weight:600;cursor:pointer;transition:border-color .2s,background .2s,color .2s;color:#475569}.dark .ds-preset-btn{background:#ffffff0a;border-color:#ffffff14;color:#8a9bb8}.ds-preset-btn:hover,.ds-preset-btn.active{border-color:#8e202c;background:#fdf2f2;color:#8e202c}.dark .ds-preset-btn:hover,.dark .ds-preset-btn.active{border-color:#d4a84b;background:#d4a84b1a;color:#d4a84b}.ds-preset-dot{width:10px;height:10px;border-radius:50%;border:1px solid rgba(0,0,0,.12);flex-shrink:0}.ds-font-row{display:flex;flex-wrap:wrap;gap:10px}.ds-font-btn{padding:8px 18px;border-radius:10px;border:1px solid #e2e8f0;background:#fff;font-size:.8rem;cursor:pointer;transition:border-color .2s,background .2s;color:#475569;letter-spacing:.02em}.dark .ds-font-btn{background:#ffffff0a;border-color:#ffffff14;color:#8a9bb8}.ds-font-btn:hover{border-color:#94a3b8}.ds-font-btn.active{border-color:#8e202c;background:#fdf2f2;color:#8e202c;font-weight:700}.dark .ds-font-btn.active{border-color:#d4a84b;background:#d4a84b1a;color:#d4a84b}.ds-picker-panel[data-theme-family=baku_elegance_suite]{display:block}.ds-picker-panel:not([data-theme-family=baku_elegance_suite]){display:none}.ds-variants-section{padding:20px;border-radius:16px;border:1px solid #e2e8f0;background:#f8fafc}.dark .ds-variants-section{border-color:#ffffff0f;background:#ffffff05}.ds-variant-group{margin-bottom:16px}.ds-variant-group:last-child{margin-bottom:0}.ds-variant-group__header{font-size:.7rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#64748b;margin-bottom:8px;display:flex;align-items:center;gap:6px}.dark .ds-variant-group__header{color:#8a9bb8}.ds-variant-group__header i{color:#8e202c;font-size:.75rem}.ds-variant-options{display:flex;flex-wrap:wrap;gap:8px}.ds-variant-btn{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:8px 14px;border-radius:10px;border:1px solid #e2e8f0;background:#fff;cursor:pointer;transition:border-color .2s,background .2s,box-shadow .2s;flex:1 1 120px;min-width:110px;text-align:left}.dark .ds-variant-btn{background:#ffffff0a;border-color:#ffffff14}.ds-variant-btn:hover{border-color:#94a3b8;background:#f1f5f9}.dark .ds-variant-btn:hover{border-color:#ffffff26;background:#ffffff0f}.ds-variant-btn.active{border-color:#8e202c;background:#fdf2f2;box-shadow:0 0 0 2px #8e202c1f}.dark .ds-variant-btn.active{border-color:#d4a84b;background:#d4a84b1a;box-shadow:0 0 0 2px #d4a84b26}.ds-variant-btn__name{font-size:.72rem;font-weight:700;color:#334155;line-height:1.2}.ds-variant-btn.active .ds-variant-btn__name{color:#8e202c}.dark .ds-variant-btn__name{color:#cbd5e1}.dark .ds-variant-btn.active .ds-variant-btn__name{color:#d4a84b}.ds-variant-btn__desc{font-size:.6rem;color:#94a3b8;line-height:1.3}.dark .ds-variant-btn__desc{color:#64748b}
