.scrollbar-thin{scrollbar-width:thin}.scrollbar-track-gray-800{scrollbar-color:#374151 #1f2937}.scrollbar-thumb-gray-600{scrollbar-color:#4b5563 #374151}.scrollbar-thin::-webkit-scrollbar{width:6px;height:6px}.scrollbar-thin::-webkit-scrollbar-track{background:#1f2937}.scrollbar-thin::-webkit-scrollbar-thumb{background:#4b5563;border-radius:3px}.scrollbar-thin::-webkit-scrollbar-thumb:hover{background:#6b7280}.timeline-grid{background-image:linear-gradient(90deg,#4b556333 1px,#0000 1px);background-size:20px 100%}.track-row:hover .track-overlay{opacity:.1}input[type=range]{appearance:none;cursor:pointer;background:0 0}input[type=range]::-webkit-slider-track{background:#374151;border-radius:2px;height:4px}input[type=range]::-webkit-slider-thumb{appearance:none;background:#3b82f6;border:2px solid #fff;border-radius:50%;width:16px;height:16px;box-shadow:0 2px 4px #0003}input[type=range]::-webkit-slider-thumb:hover{background:#2563eb}input[type=range]::-moz-range-track{background:#374151;border:none;border-radius:2px;height:4px}input[type=range]::-moz-range-thumb{cursor:pointer;background:#3b82f6;border:2px solid #fff;border-radius:50%;width:16px;height:16px;box-shadow:0 2px 4px #0003}@keyframes slideInFromBottom{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-in{animation:.3s ease-out slideInFromBottom}@media (max-width:1280px){.editor-layout-mobile .left-panel{width:200px}.editor-layout-mobile .right-panel{width:250px}}@media (max-width:768px){.editor-layout-mobile .left-panel,.editor-layout-mobile .right-panel{display:none}.editor-layout-mobile .panel-toggle{display:block}}:root{--editor-bg:#0f172a;--editor-surface:#1e293b;--editor-surface-hover:#334155;--editor-border:#475569;--editor-text:#f1f5f9;--editor-text-muted:#94a3b8;--editor-primary:#3b82f6;--editor-primary-hover:#2563eb;--editor-danger:#ef4444;--editor-warning:#f59e0b;--editor-success:#10b981}.loading-shimmer{background:linear-gradient(90deg,#0000,#ffffff1a,#0000) 0 0/200% 100%;animation:1.5s infinite shimmer}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}
.app-layout .scrollable-area,.app-layout .overflow-auto,.app-layout .overflow-y-auto,.app-layout .overflow-x-auto,.app-layout [class*=overflow]{scrollbar-width:thin;scrollbar-color:transparent transparent}.app-layout .scrollable-area::-webkit-scrollbar{background:0 0;width:10px;height:10px}.app-layout .overflow-auto::-webkit-scrollbar{background:0 0;width:10px;height:10px}.app-layout .overflow-y-auto::-webkit-scrollbar{background:0 0;width:10px;height:10px}.app-layout .overflow-x-auto::-webkit-scrollbar{background:0 0;width:10px;height:10px}.app-layout [class*=overflow]::-webkit-scrollbar{background:0 0;width:10px;height:10px}.app-layout .scrollable-area::-webkit-scrollbar-track{background:0 0}.app-layout .overflow-auto::-webkit-scrollbar-track{background:0 0}.app-layout .overflow-y-auto::-webkit-scrollbar-track{background:0 0}.app-layout .overflow-x-auto::-webkit-scrollbar-track{background:0 0}.app-layout [class*=overflow]::-webkit-scrollbar-track{background:0 0}.app-layout .scrollable-area::-webkit-scrollbar-thumb{background:padding-box content-box;border:2px solid #0000;border-radius:10px;transition:background-color .2s}.app-layout .overflow-auto::-webkit-scrollbar-thumb{background:padding-box content-box;border:2px solid #0000;border-radius:10px;transition:background-color .2s}.app-layout .overflow-y-auto::-webkit-scrollbar-thumb{background:padding-box content-box;border:2px solid #0000;border-radius:10px;transition:background-color .2s}.app-layout .overflow-x-auto::-webkit-scrollbar-thumb{background:padding-box content-box;border:2px solid #0000;border-radius:10px;transition:background-color .2s}.app-layout [class*=overflow]::-webkit-scrollbar-thumb{background:padding-box content-box;border:2px solid #0000;border-radius:10px;transition:background-color .2s}.app-layout .scrollable-area:hover,.app-layout .scrollable-area:focus,.app-layout .scrollable-area:focus-within,.app-layout .overflow-auto:hover,.app-layout .overflow-auto:focus,.app-layout .overflow-auto:focus-within,.app-layout .overflow-y-auto:hover,.app-layout .overflow-y-auto:focus,.app-layout .overflow-y-auto:focus-within,.app-layout .overflow-x-auto:hover,.app-layout .overflow-x-auto:focus,.app-layout .overflow-x-auto:focus-within,.app-layout [class*=overflow]:hover,.app-layout [class*=overflow]:focus,.app-layout [class*=overflow]:focus-within{scrollbar-color:#b1ada199 transparent}.app-layout .scrollable-area:hover::-webkit-scrollbar-thumb{background:#b1ada199}.app-layout .scrollable-area:focus::-webkit-scrollbar-thumb{background:#b1ada199}.app-layout .scrollable-area:focus-within::-webkit-scrollbar-thumb{background:#b1ada199}.app-layout .overflow-auto:hover::-webkit-scrollbar-thumb{background:#b1ada199}.app-layout .overflow-auto:focus::-webkit-scrollbar-thumb{background:#b1ada199}.app-layout .overflow-auto:focus-within::-webkit-scrollbar-thumb{background:#b1ada199}.app-layout .overflow-y-auto:hover::-webkit-scrollbar-thumb{background:#b1ada199}.app-layout .overflow-y-auto:focus::-webkit-scrollbar-thumb{background:#b1ada199}.app-layout .overflow-y-auto:focus-within::-webkit-scrollbar-thumb{background:#b1ada199}.app-layout .overflow-x-auto:hover::-webkit-scrollbar-thumb{background:#b1ada199}.app-layout .overflow-x-auto:focus::-webkit-scrollbar-thumb{background:#b1ada199}.app-layout .overflow-x-auto:focus-within::-webkit-scrollbar-thumb{background:#b1ada199}.app-layout [class*=overflow]:hover::-webkit-scrollbar-thumb{background:#b1ada199}.app-layout [class*=overflow]:focus::-webkit-scrollbar-thumb{background:#b1ada199}.app-layout [class*=overflow]:focus-within::-webkit-scrollbar-thumb{background:#b1ada199}.app-layout .scrollable-area::-webkit-scrollbar-thumb:hover{background:#b1ada1cc padding-box content-box;border:1px solid #0000}.app-layout .overflow-auto::-webkit-scrollbar-thumb:hover{background:#b1ada1cc padding-box content-box;border:1px solid #0000}.app-layout .overflow-y-auto::-webkit-scrollbar-thumb:hover{background:#b1ada1cc padding-box content-box;border:1px solid #0000}.app-layout .overflow-x-auto::-webkit-scrollbar-thumb:hover{background:#b1ada1cc padding-box content-box;border:1px solid #0000}.app-layout [class*=overflow]::-webkit-scrollbar-thumb:hover{background:#b1ada1cc padding-box content-box;border:1px solid #0000}.app-layout .scrollable-area::-webkit-scrollbar-thumb:active{background:#c15f3cb3 padding-box content-box;border:1px solid #0000}.app-layout .overflow-auto::-webkit-scrollbar-thumb:active{background:#c15f3cb3 padding-box content-box;border:1px solid #0000}.app-layout .overflow-y-auto::-webkit-scrollbar-thumb:active{background:#c15f3cb3 padding-box content-box;border:1px solid #0000}.app-layout .overflow-x-auto::-webkit-scrollbar-thumb:active{background:#c15f3cb3 padding-box content-box;border:1px solid #0000}.app-layout [class*=overflow]::-webkit-scrollbar-thumb:active{background:#c15f3cb3 padding-box content-box;border:1px solid #0000}