.ds-picker-panel{background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;margin-top:24px;padding:20px}.dark .ds-picker-panel{background:#ffffff05;border-color:#ffffff0f}.ds-picker-title{letter-spacing:.12em;text-transform:uppercase;color:#64748b;align-items:center;gap:8px;margin-bottom:16px;font-size:.75rem;font-weight:700;display:flex}.dark .ds-picker-title{color:#8a9bb8}.ds-picker-title i{color:#8e202c;font-size:.85rem}.ds-color-row{flex-wrap:wrap;gap:16px;margin-bottom:20px;display:flex}.ds-color-field{flex-direction:column;flex:170px;gap:5px;min-width:155px;display:flex}.ds-color-field label{letter-spacing:.1em;text-transform:uppercase;color:#64748b;font-size:.68rem;font-weight:600}.dark .ds-color-field label{color:#8a9bb8}.ds-color-swatch-wrap{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:10px;align-items:center;gap:6px;padding:6px 8px;transition:border-color .2s;display:flex}.dark .ds-color-swatch-wrap{background:#ffffff0a;border-color:#ffffff14}.ds-color-swatch-wrap:hover{border-color:#8e202c}.ds-color-swatch{border:1px solid #0000001a;border-radius:6px;flex-shrink:0;width:28px;height:28px}.ds-color-value{color:#475569;white-space:nowrap;text-overflow:ellipsis;flex:1;font-family:monospace;font-size:.65rem;overflow:hidden}.dark .ds-color-value{color:#94a3b8}.ds-color-input-hidden{opacity:0;pointer-events:none;width:0;height:0;position:absolute}.ds-preset-row{flex-wrap:wrap;gap:8px;margin-bottom:20px;display:flex}.ds-preset-btn{cursor:pointer;color:#475569;background:#fff;border:1px solid #e2e8f0;border-radius:100px;align-items:center;gap:6px;padding:6px 14px;font-size:.72rem;font-weight:600;transition:border-color .2s,background .2s,color .2s;display:flex}.dark .ds-preset-btn{color:#8a9bb8;background:#ffffff0a;border-color:#ffffff14}.ds-preset-btn:hover,.ds-preset-btn.active{color:#8e202c;background:#fdf2f2;border-color:#8e202c}.dark .ds-preset-btn:hover,.dark .ds-preset-btn.active{color:#d4a84b;background:#d4a84b1a;border-color:#d4a84b}.ds-preset-dot{border:1px solid #0000001f;border-radius:50%;flex-shrink:0;width:10px;height:10px}.ds-font-row{flex-wrap:wrap;gap:10px;display:flex}.ds-font-btn{cursor:pointer;color:#475569;letter-spacing:.02em;background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:8px 18px;font-size:.8rem;transition:border-color .2s,background .2s}.dark .ds-font-btn{color:#8a9bb8;background:#ffffff0a;border-color:#ffffff14}.ds-font-btn:hover{border-color:#94a3b8}.ds-font-btn.active{color:#8e202c;background:#fdf2f2;border-color:#8e202c;font-weight:700}.dark .ds-font-btn.active{color:#d4a84b;background:#d4a84b1a;border-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{background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;padding:20px}.dark .ds-variants-section{background:#ffffff05;border-color:#ffffff0f}.ds-variant-group{margin-bottom:16px}.ds-variant-group:last-child{margin-bottom:0}.ds-variant-group__header{letter-spacing:.1em;text-transform:uppercase;color:#64748b;align-items:center;gap:6px;margin-bottom:8px;font-size:.7rem;font-weight:700;display:flex}.dark .ds-variant-group__header{color:#8a9bb8}.ds-variant-group__header i{color:#8e202c;font-size:.75rem}.ds-variant-options{flex-wrap:wrap;gap:8px;display:flex}.ds-variant-btn{cursor:pointer;text-align:left;background:#fff;border:1px solid #e2e8f0;border-radius:10px;flex-direction:column;flex:120px;align-items:flex-start;gap:2px;min-width:110px;padding:8px 14px;transition:border-color .2s,background .2s,box-shadow .2s;display:flex}.dark .ds-variant-btn{background:#ffffff0a;border-color:#ffffff14}.ds-variant-btn:hover{background:#f1f5f9;border-color:#94a3b8}.dark .ds-variant-btn:hover{background:#ffffff0f;border-color:#ffffff26}.ds-variant-btn.active{background:#fdf2f2;border-color:#8e202c;box-shadow:0 0 0 2px #8e202c1f}.dark .ds-variant-btn.active{background:#d4a84b1a;border-color:#d4a84b;box-shadow:0 0 0 2px #d4a84b26}.ds-variant-btn__name{color:#334155;font-size:.72rem;font-weight:700;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{color:#94a3b8;font-size:.6rem;line-height:1.3}.dark .ds-variant-btn__desc{color:#64748b}.preview-settings-float-btn{color:#fff;cursor:pointer;z-index:9999;background:linear-gradient(135deg,#8e202c,#5e0d16);border:2px solid #ffffff40;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;transition:transform .3s cubic-bezier(.175,.885,.32,1.275),box-shadow .2s;display:flex;position:fixed;bottom:90px;right:20px;box-shadow:0 4px 20px #00000059}.preview-settings-float-btn:hover{transform:scale(1.08)rotate(30deg);box-shadow:0 6px 24px #00000073}.preview-settings-float-btn i{font-size:20px;animation:8s linear infinite preview-btn-spin}@keyframes preview-btn-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.preview-settings-sidebar{color:#f8fafc;z-index:10000;background:#0f172a;border-left:1px solid #ffffff14;flex-direction:column;width:350px;height:100vh;font-family:Inter,system-ui,sans-serif;transition:right .35s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;top:0;right:-360px;box-shadow:-8px 0 32px #00000080}.preview-settings-sidebar.open{right:0}.preview-settings-sb-header{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.preview-settings-sb-header h3{letter-spacing:-.01em;color:#fff;align-items:center;gap:8px;margin:0;font-size:16px;font-weight:700;display:flex}.preview-settings-sb-header h3 i{color:#facc15}.preview-settings-sb-close{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:6px;font-size:16px;transition:background .2s,color .2s;display:flex}.preview-settings-sb-close:hover{color:#fff;background:#ffffff0f}.preview-settings-sb-body{flex:1;padding:24px;overflow-y:auto}.preview-settings-section{margin-bottom:28px}.preview-settings-section:last-child{margin-bottom:0}.preview-settings-section-title{letter-spacing:.12em;text-transform:uppercase;color:#94a3b8;align-items:center;gap:6px;margin-bottom:12px;font-size:.72rem;font-weight:800;display:flex}.preview-settings-section-title i{color:#8e202c;font-size:.8rem}.preview-settings-sb-body .ds-color-row{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.preview-settings-sb-body .ds-color-field{flex:unset;min-width:unset}.preview-settings-sb-body .ds-color-swatch-wrap{background:#ffffff08;border-color:#ffffff14}.preview-settings-sb-body .ds-color-value{color:#94a3b8}.preview-settings-sb-body .ds-preset-btn,.preview-settings-sb-body .ds-font-btn,.preview-settings-sb-body .ds-variant-btn{color:#cbd5e1;background:#ffffff08;border-color:#ffffff14}.preview-settings-sb-body .ds-preset-btn:hover,.preview-settings-sb-body .ds-preset-btn.active,.preview-settings-sb-body .ds-font-btn:hover,.preview-settings-sb-body .ds-font-btn.active,.preview-settings-sb-body .ds-variant-btn:hover,.preview-settings-sb-body .ds-variant-btn.active{color:#facc15;background:#facc151a;border-color:#facc15}.preview-settings-sb-body .ds-variant-btn.active .ds-variant-btn__name{color:#facc15}.preview-settings-sb-body .ds-variant-btn__name{color:#e2e8f0}.preview-settings-sb-footer{background:#090d16;border-top:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:16px 24px;font-size:12px;display:flex}.preview-settings-status{color:#94a3b8;align-items:center;gap:6px;display:flex}.preview-settings-status.saving i{animation:1.5s linear infinite fa-spin}.preview-settings-status.saved i{color:#10b981}.ds-menu-link{color:#cbd5e1;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:10px 8px;font-size:11px;font-weight:700;text-decoration:none;transition:all .2s;display:flex}.ds-menu-link:hover{color:#fff;background:#ffffff1a;border-color:#fff3}.ds-menu-link-primary{color:#fff;background:#8e202c;border-color:#8e202c}.ds-menu-link-primary:hover{color:#fff;background:#a22d3a;border-color:#a22d3a}
