.modal-overlay[data-v-73b85899]{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000bf;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:9999}.modal-container[data-v-73b85899]{background:linear-gradient(135deg,#1f2937,#111827);border:1px solid rgba(75,85,99,.5);border-radius:16px;box-shadow:0 25px 50px -12px #00000080;display:flex;flex-direction:column;max-height:80vh;max-width:900px;overflow:hidden;width:100%}.modal-header[data-v-73b85899]{align-items:center;background:#1f293780;border-bottom:1px solid rgba(75,85,99,.5);display:flex;justify-content:space-between;padding:20px 24px}.modal-header h2[data-v-73b85899]{background:linear-gradient(135deg,#60a5fa,#a78bfa);-webkit-background-clip:text;margin:0;-webkit-text-fill-color:transparent;background-clip:text}.close-btn[data-v-73b85899]{align-items:center;background:transparent;border:none;border-radius:8px;color:#9ca3af;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s;width:32px}.close-btn[data-v-73b85899]:hover{background:#4b556380;color:#fff}.modal-filters[data-v-73b85899]{background:#1f29374d;border-bottom:1px solid rgba(75,85,99,.5);display:flex;flex-shrink:0;gap:8px;overflow-x:auto;padding:16px 24px}.filter-btn[data-v-73b85899]{background:#4b556380;border:1px solid transparent;border-radius:8px;color:#9ca3af;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s;white-space:nowrap}.filter-btn[data-v-73b85899]:hover{background:#4b5563b3;color:#fff}.filter-btn.active[data-v-73b85899]{background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-color:#3b82f680;color:#fff}.modal-content[data-v-73b85899]{flex:1;overflow-y:auto;padding:24px}.presets-grid[data-v-73b85899]{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.preset-card[data-v-73b85899]{background:#4b55634d;border:1px solid rgba(75,85,99,.5);border-radius:12px;cursor:pointer;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.preset-card[data-v-73b85899]:hover{border-color:#3b82f680;box-shadow:0 10px 30px -10px #3b82f64d;transform:translateY(-4px)}.preset-preview[data-v-73b85899]{align-items:center;background:linear-gradient(135deg,#1f2937,#111827);display:flex;height:120px;justify-content:center;overflow:hidden;position:relative;width:100%}.preset-demo-element[data-v-73b85899]{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;height:60px;position:relative;transition:all .3s ease;width:60px}.preset-overlay[data-v-73b85899]{align-items:center;background:#00000080;display:flex;top:0;right:0;bottom:0;left:0;justify-content:center;opacity:0;position:absolute;transition:opacity .3s;z-index:10}.preset-card:hover .preset-overlay[data-v-73b85899]{opacity:1}.play-icon[data-v-73b85899]{color:#fff;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3));font-size:48px}.preset-name[data-v-73b85899]{background:#11182780;color:#e5e7eb;font-size:14px;font-weight:600;padding:12px;text-align:center}.modal-footer[data-v-73b85899]{background:#1f29374d;border-top:1px solid rgba(75,85,99,.5);flex-shrink:0;padding:16px 24px}.modal-enter-active[data-v-73b85899],.modal-leave-active[data-v-73b85899]{transition:opacity .3s ease}.modal-enter-active .modal-container[data-v-73b85899],.modal-leave-active .modal-container[data-v-73b85899]{transition:transform .3s ease,opacity .3s ease}.modal-enter-from[data-v-73b85899],.modal-leave-to[data-v-73b85899]{opacity:0}.modal-enter-from .modal-container[data-v-73b85899],.modal-leave-to .modal-container[data-v-73b85899]{opacity:0;transform:scale(.9) translateY(-20px)}.modal-content[data-v-73b85899]::-webkit-scrollbar,.modal-filters[data-v-73b85899]::-webkit-scrollbar{height:8px;width:8px}.modal-content[data-v-73b85899]::-webkit-scrollbar-track,.modal-filters[data-v-73b85899]::-webkit-scrollbar-track{background:#1f293780}.modal-content[data-v-73b85899]::-webkit-scrollbar-thumb,.modal-filters[data-v-73b85899]::-webkit-scrollbar-thumb{background:#4b556380;border-radius:4px}.modal-content[data-v-73b85899]::-webkit-scrollbar-thumb:hover,.modal-filters[data-v-73b85899]::-webkit-scrollbar-thumb:hover{background:#6b7280b3}@media (max-width:768px){.modal-container[data-v-73b85899]{max-height:90vh}.modal-header[data-v-73b85899]{padding:16px 20px}.modal-filters[data-v-73b85899]{padding:12px 20px}.modal-content[data-v-73b85899]{padding:20px}.presets-grid[data-v-73b85899]{gap:12px;grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.preset-preview[data-v-73b85899]{height:100px}}.sidebar-scroll[data-v-7e6e491f]{max-height:calc(100vh - 64px);overflow-y:auto;scrollbar-width:none}.sidebar-scroll[data-v-7e6e491f]::-webkit-scrollbar{display:none}input[type=range][data-v-7e6e491f]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#3b82f6;border-radius:50%;cursor:pointer;height:15px;width:15px}input[type=range][data-v-7e6e491f]::-moz-range-thumb{background:#3b82f6;border-radius:50%;cursor:pointer;height:15px;width:15px}