.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}.preview-settings-float-btn{position:fixed;right:20px;bottom:90px;width:52px;height:52px;border-radius:50%;background:linear-gradient(135deg,#8e202c,#5e0d16);color:#fff;box-shadow:0 4px 20px #00000059;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:9999;border:2px solid rgba(255,255,255,.25);transition:transform .3s cubic-bezier(.175,.885,.32,1.275),box-shadow .2s}.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:preview-btn-spin 8s linear infinite}@keyframes preview-btn-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.preview-settings-sidebar{position:fixed;top:0;right:-360px;width:350px;height:100vh;background:#0f172a;color:#f8fafc;box-shadow:-8px 0 32px #00000080;z-index:10000;transition:right .35s cubic-bezier(.16,1,.3,1);display:flex;flex-direction:column;font-family:Inter,system-ui,sans-serif;border-left:1px solid rgba(255,255,255,.08)}.preview-settings-sidebar.open{right:0}.preview-settings-sb-header{padding:20px 24px;border-bottom:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:space-between}.preview-settings-sb-header h3{margin:0;font-size:16px;font-weight:700;letter-spacing:-.01em;color:#fff;display:flex;align-items:center;gap:8px}.preview-settings-sb-header h3 i{color:#facc15}.preview-settings-sb-close{background:none;border:none;color:#94a3b8;cursor:pointer;font-size:16px;padding:6px;border-radius:6px;transition:background .2s,color .2s;display:flex;align-items:center;justify-content:center}.preview-settings-sb-close:hover{background:#ffffff0f;color:#fff}.preview-settings-sb-body{flex:1;overflow-y:auto;padding:24px}.preview-settings-section{margin-bottom:28px}.preview-settings-section:last-child{margin-bottom:0}.preview-settings-section-title{font-size:.72rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#94a3b8;margin-bottom:12px;display:flex;align-items:center;gap:6px}.preview-settings-section-title i{color:#8e202c;font-size:.8rem}.preview-settings-sb-body .ds-color-row{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.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{background:#ffffff08;border-color:#ffffff14;color:#cbd5e1}.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{border-color:#facc15;background:#facc151a;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{padding:16px 24px;border-top:1px solid rgba(255,255,255,.08);background:#090d16;display:flex;align-items:center;justify-content:space-between;font-size:12px}.preview-settings-status{color:#94a3b8;display:flex;align-items:center;gap:6px}.preview-settings-status.saving i{animation:fa-spin 1.5s linear infinite}.preview-settings-status.saved i{color:#10b981}