.notification{display:flex;align-items:flex-start;gap:12px;padding:12px 16px;border-radius:8px;background:var(--bg-dark);border:1px solid var(--border-light);box-shadow:var(--shadow-lg);min-width:280px;max-width:400px;animation:notification-enter .2s ease-out;touch-action:pan-x;user-select:none}@media (max-width: 480px){.notification{min-width:unset;max-width:unset;width:calc(100vw - 32px);margin:0 16px}}.notification--exiting{animation:notification-exit .2s ease-in forwards}.notification--error{border-left:4px solid var(--color-danger)}.notification--error .notification__icon{color:var(--color-danger)}.notification--warning{border-left:4px solid var(--color-warning)}.notification--warning .notification__icon{color:var(--color-warning)}.notification--success{border-left:4px solid var(--color-success)}.notification--success .notification__icon{color:var(--color-success)}.notification--info{border-left:4px solid var(--color-primary)}.notification--info .notification__icon{color:var(--color-primary)}.notification__icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;margin-top:2px}.notification__content{flex:1;min-width:0}.notification__title{font-weight:600;color:var(--text-primary);margin-bottom:4px;line-height:1.3}.notification__message{color:var(--text-secondary);font-size:.875rem;line-height:1.4;word-wrap:break-word}.notification__close{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:none;background:transparent;color:var(--text-muted);cursor:pointer;border-radius:4px;transition:all .15s ease}.notification__close:focus{outline:none}.notification__close:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-offset)}.notification__close:hover{color:var(--text-primary);background:var(--overlay-primary)}.notification__close:active{background:var(--overlay-primary-medium)}@keyframes notification-enter{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@media (max-width: 480px){@keyframes notification-enter{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}}@keyframes notification-exit{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100%)}}@media (prefers-reduced-motion: reduce){.notification{animation:none}.notification--exiting{animation:notification-exit-reduced .1s ease-in forwards}@keyframes notification-exit-reduced{0%{opacity:1}to{opacity:0}}}.notification-container{position:fixed;z-index:9999;display:flex;flex-direction:column;gap:8px;pointer-events:none;top:16px;right:16px;align-items:flex-end}@media (max-width: 480px){.notification-container{top:unset;right:unset;bottom:16px;left:0;right:0;align-items:center;flex-direction:column-reverse}}.notification-container>*{pointer-events:auto}.notification-container__queue-badge{padding:6px 12px;background:var(--bg-medium);border:1px solid var(--border-light);border-radius:16px;color:var(--text-secondary);font-size:.75rem;font-weight:500}.modal__backdrop{position:fixed;inset:0;z-index:100;background-color:var(--overlay-dark-40);backdrop-filter:blur(4px);display:flex;align-items:flex-start;justify-content:center;padding-top:calc(40vh - 120px);z-index:9999;animation:modal-backdrop-fade-in .2s ease-out}.modal__content{background:rgba(var(--bg-track-rgb),.85);backdrop-filter:blur(16px);border:1px solid var(--border-strong);border-radius:12px;box-shadow:var(--shadow-xl);min-width:380px;max-width:440px;animation:modal-spring-in .35s cubic-bezier(.34,1.56,.64,1);padding:28px}.modal__header{display:flex;align-items:center;gap:14px;margin-bottom:16px}.modal__icon{color:var(--color-danger);flex-shrink:0}.modal__title{margin:0;font-size:14px;font-weight:600;color:var(--text-primary);font-size:17px}.modal__body{padding:0;margin-bottom:24px}.modal__text{margin:0 0 0 38px;font-size:15px;line-height:1.6;color:var(--text-secondary)}.modal__footer{display:flex;gap:10px;justify-content:flex-end;padding:0}.modal__btn{display:flex;align-items:center;justify-content:center;border-radius:8px;cursor:pointer;transition:all .2s ease;font-family:inherit;font-weight:500}.modal__btn:disabled{opacity:.5;cursor:not-allowed}.modal__btn:focus{outline:none}.modal__btn:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-offset)}.modal__btn{transition:all .2s ease;padding:9px 24px;border-radius:8px;font-size:14px;min-width:80px}.modal__btn--cancel{background:transparent;color:var(--text-tertiary);border:1px solid transparent}.modal__btn--cancel:hover{background:var(--overlay-primary);color:var(--text-primary);border-color:var(--border-light)}.modal__btn--cancel:active{background:var(--overlay-primary-medium)}.modal__btn--confirm{background:var(--color-danger);color:#fff;border:1px solid var(--color-danger);box-shadow:0 2px 8px #ff3b3040}.modal__btn--confirm:hover{background:var(--color-danger-hover);border-color:var(--color-danger-hover);box-shadow:0 4px 14px #ff3b3059}.modal__btn--confirm:active{background:var(--color-danger-active);border-color:var(--color-danger-active);transform:scale(.98)}@keyframes modal-backdrop-fade-in{0%{opacity:0;backdrop-filter:blur(0px)}to{opacity:1;backdrop-filter:blur(4px)}}@keyframes modal-spring-in{0%{transform:scale(.92);opacity:0}to{transform:scale(1);opacity:1}}@media (prefers-reduced-motion: reduce){.modal__backdrop{animation:modal-backdrop-fade-in-reduced .15s ease-out}.modal__content{animation:modal-fade-in-reduced .15s ease-out}.modal__btn--cancel:hover,.modal__btn--confirm:hover,.modal__btn--confirm:active{transform:none}@keyframes modal-backdrop-fade-in-reduced{0%{opacity:0}to{opacity:1}}@keyframes modal-fade-in-reduced{0%{opacity:0}to{opacity:1}}}@media (max-width: 600px){.modal__backdrop{padding-top:calc(30vh - 100px)}.modal__content{min-width:auto;max-width:calc(100vw - 40px);padding:24px 20px}.modal__text{margin-left:0}.modal__footer{flex-direction:column-reverse;gap:8px}.modal__btn{width:100%;padding:11px 24px}}@media (max-height: 600px){.modal__backdrop{padding-top:60px;align-items:flex-start}}.start-page{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:var(--bg-gradient-main);z-index:50}.start-page__content{width:100%;max-width:480px;padding:32px}.start-page__header{text-align:center;margin-bottom:32px}.start-page__logo{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;background:var(--bg-gradient-primary);border-radius:16px;margin-bottom:16px;box-shadow:var(--shadow-primary-lg)}.start-page__logo svg{color:#fff}.start-page__title{margin:0;font-size:28px;font-weight:600;color:var(--text-primary);letter-spacing:-.5px}.start-page__subtitle{margin:8px 0 0;font-size:14px;color:var(--text-muted)}.start-page__actions{margin-bottom:32px}.start-page__new-btn{display:flex;align-items:center;justify-content:center;border-radius:8px;cursor:pointer;transition:all .2s ease;font-family:inherit;font-weight:500}.start-page__new-btn:disabled{opacity:.5;cursor:not-allowed}.start-page__new-btn:focus{outline:none}.start-page__new-btn:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-offset)}.start-page__new-btn{width:100%;padding:14px 20px;background:var(--bg-gradient-primary);border:none;color:#fff;font-size:15px;gap:10px;box-shadow:var(--shadow-primary-md)}.start-page__new-btn:hover:not(:disabled){background:var(--bg-gradient-primary-hover);transform:translateY(-2px);box-shadow:var(--shadow-primary-hover)}.start-page__new-btn:disabled{opacity:.6}.start-page__recent{background:rgba(var(--bg-track-rgb),.85);backdrop-filter:blur(16px);border:1px solid var(--border-strong);border-radius:12px;box-shadow:var(--shadow-xl);padding:20px}.start-page__section-title{margin:0 0 16px;font-size:13px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.start-page__empty{margin:0;padding:24px 0;text-align:center;color:var(--text-muted);font-size:14px}.start-page__loading{display:flex;justify-content:center;padding:24px 0}.start-page__spinner{animation:spin 1s linear infinite;color:var(--color-primary)}.start-page__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.start-page__project:focus{outline:none}.start-page__project:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-offset)}.start-page__project{display:flex;align-items:center;width:100%;padding:12px;background:transparent;border:1px solid transparent;border-radius:8px;color:var(--text-primary);font-family:inherit;text-align:left;cursor:pointer;gap:12px;transition:all .15s ease}.start-page__project:hover:not(:disabled){background:var(--overlay-primary);border-color:var(--border-light)}.start-page__project:disabled{opacity:.6;cursor:not-allowed}.start-page__project-icon{flex-shrink:0;color:var(--color-primary)}.start-page__project-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.start-page__project-name{font-size:14px;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.start-page__project-meta{font-size:12px;color:var(--text-muted)}.start-page__loading-overlay{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:#000000b3;color:var(--text-primary);font-size:14px;z-index:100}.not-found-page{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:var(--bg-gradient-main);z-index:50}.not-found-page__content{text-align:center;max-width:400px;padding:32px}.not-found-page__icon{color:var(--color-warning);margin-bottom:20px}.not-found-page__title{margin:0 0 12px;font-size:24px;font-weight:600;color:var(--text-primary)}.not-found-page__message{margin:0 0 24px;font-size:14px;color:var(--text-secondary);line-height:1.6}.not-found-page__btn{display:flex;align-items:center;justify-content:center;border-radius:8px;cursor:pointer;transition:all .2s ease;font-family:inherit;font-weight:500}.not-found-page__btn:disabled{opacity:.5;cursor:not-allowed}.not-found-page__btn:focus{outline:none}.not-found-page__btn:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-offset)}.not-found-page__btn{padding:12px 24px;background:var(--bg-gradient-primary);border:none;color:#fff;font-size:14px;gap:8px;box-shadow:var(--shadow-primary-md)}.not-found-page__btn:hover{background:var(--bg-gradient-primary-hover);transform:translateY(-2px);box-shadow:var(--shadow-primary-hover)}.input-settings-btn{display:flex;align-items:center;justify-content:center;border-radius:8px;cursor:pointer;transition:all .2s ease;font-family:inherit;font-weight:500}.input-settings-btn:disabled{opacity:.5;cursor:not-allowed}.input-settings-btn{min-width:var(--touch-target-min, 44px);min-height:var(--touch-target-min, 44px);padding:6px 10px}@media (min-width: 768px){.input-settings-btn{min-width:32px;min-height:32px}}@media (max-height: 500px) and (orientation: landscape){.input-settings-btn{min-width:32px;min-height:32px}}.input-settings-btn:focus{outline:none}.input-settings-btn:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-offset)}.input-settings-btn{font-size:12px;color:var(--text-secondary);background:var(--overlay-primary-light);border:1px solid var(--border-light);position:relative}.input-settings-btn:hover:not(:disabled){border-color:var(--color-primary);background:var(--overlay-primary-medium)}.input-settings-btn--open{border-color:var(--color-primary);background:var(--overlay-primary);color:var(--color-primary)}.input-settings-btn--active:after{content:"";position:absolute;top:4px;right:4px;width:6px;height:6px;background:var(--color-success);border-radius:50%;animation:input-pulse 1.5s ease-in-out infinite}@keyframes input-pulse{0%,to{opacity:1}50%{opacity:.5}}@media (prefers-reduced-motion: reduce){.input-settings-btn--active:after{animation:none}}.dropdown-menu{background:rgba(var(--bg-track-rgb),.85);backdrop-filter:blur(16px);border:1px solid var(--border-strong);box-shadow:var(--shadow-xl);min-width:160px;padding:4px;border-radius:8px;z-index:101;animation:dropdown-fade-in .15s ease-out}.dropdown-menu__container{position:absolute;top:calc(100% + 4px);z-index:100;right:0}.dropdown-menu__container:has(.dropdown-menu--align-left){right:auto;left:0}.dropdown-menu--arrow:before{content:"";position:absolute;top:-6px;width:10px;height:10px;background:rgba(var(--bg-track-rgb),.85);border-left:1px solid var(--border-strong);border-top:1px solid var(--border-strong);transform:rotate(45deg)}.dropdown-menu--arrow-left:before{left:12px}.dropdown-menu--arrow-right:before{right:12px}.dropdown-menu--arrow-bottom:before{top:auto;bottom:-6px;border-left:none;border-top:none;border-right:1px solid var(--border-strong);border-bottom:1px solid var(--border-strong)}.dropdown-menu__backdrop{position:fixed;inset:0;z-index:100;background:transparent}.dropdown-menu__item:focus{outline:none}.dropdown-menu__item:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-offset)}.dropdown-menu__item{display:flex;align-items:center;width:100%;padding:10px 12px;background:transparent;border:none;box-shadow:none;color:var(--text-secondary);font-size:13px;font-family:inherit;font-weight:400;justify-content:flex-start;gap:10px;border-radius:4px;cursor:pointer;transition:background .15s ease,color .15s ease}.dropdown-menu__item:hover:not(:disabled){background:var(--overlay-primary);color:var(--text-primary);box-shadow:none}.dropdown-menu__item:disabled{opacity:.4;cursor:not-allowed}.dropdown-menu__item svg{color:var(--text-tertiary);flex-shrink:0}.dropdown-menu__item--disabled{opacity:.4;cursor:not-allowed}.dropdown-menu__item:focus{outline:none;background:var(--overlay-primary);color:var(--text-primary)}.dropdown-menu__item-icon{display:flex;align-items:center;justify-content:center;width:20px;color:var(--text-tertiary)}.dropdown-menu__item-label{flex:1;text-align:left}.dropdown-menu__divider{height:1px;background:var(--border-light);margin:4px 8px}@keyframes dropdown-fade-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion: reduce){.dropdown-menu{animation:none}}.input-panel__backdrop{position:fixed;inset:0;z-index:100;background:transparent}.input-panel{background:rgba(var(--bg-track-rgb),.85);backdrop-filter:blur(16px);border:1px solid var(--border-strong);border-radius:12px;box-shadow:var(--shadow-xl);position:fixed;right:16px;top:60px;width:320px;max-width:calc(100vw - 32px);animation:panel-slide-in .2s ease-out;z-index:101}@media (max-width: 767px) and (orientation: portrait){.input-panel{inset:auto 0 0;width:100%;max-width:100%;border-radius:16px 16px 0 0;animation:panel-slide-up .25s ease-out}}@media (max-height: 500px) and (orientation: landscape){.input-panel{inset:0 0 0 auto;width:360px;max-width:50vw;height:100svh;max-height:100svh;border-radius:0;border-top:none;border-bottom:none;border-right:none;animation:panel-slide-left .25s ease-out}.input-panel .input-panel__content{overflow-y:auto;max-height:calc(100svh - 60px)}}.input-panel__header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border-light)}.input-panel__title{margin:0;font-size:14px;font-weight:600;color:var(--text-primary)}.input-panel__close{display:flex;align-items:center;justify-content:center;border-radius:8px;cursor:pointer;transition:all .2s ease;font-family:inherit;font-weight:500}.input-panel__close:disabled{opacity:.5;cursor:not-allowed}.input-panel__close:focus{outline:none}.input-panel__close:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-offset)}.input-panel__close{background:transparent;border:none;color:var(--text-tertiary);padding:8px;min-width:32px;min-height:32px}.input-panel__close:hover{color:var(--text-primary);background:var(--overlay-primary)}.input-panel__content{padding:12px 20px 20px}.input-panel__section{margin-bottom:20px}.input-panel__section:last-child{margin-bottom:0}.input-panel__section-header{display:flex;align-items:center;gap:8px;margin-bottom:8px;font-size:12px;font-weight:500;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.input-panel__section-header svg{color:var(--text-tertiary)}.input-panel__row{display:flex;align-items:center;gap:12px}.input-panel__toggle{display:flex;align-items:center;justify-content:center;border-radius:8px;cursor:pointer;transition:all .2s ease;font-family:inherit;font-weight:500}.input-panel__toggle:disabled{opacity:.5;cursor:not-allowed}.input-panel__toggle:focus{outline:none}.input-panel__toggle:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-offset)}.input-panel__toggle{padding:8px 16px;font-size:12px;background:var(--overlay-primary-light);border:1px solid var(--border-light);color:var(--text-secondary)}.input-panel__toggle:hover{border-color:var(--color-primary);background:var(--overlay-primary)}.input-panel__toggle--active{background:var(--overlay-primary);border-color:var(--color-primary);color:var(--color-primary)}.input-panel__info{font-family:monospace;font-size:11px;color:var(--text-muted)}.input-panel__hint{margin:8px 0 0;font-size:11px;color:var(--text-muted);line-height:1.4}.input-panel__connect-btn{display:flex;align-items:center;justify-content:center;border-radius:8px;cursor:pointer;transition:all .2s ease;font-family:inherit;font-weight:500}.input-panel__connect-btn:disabled{opacity:.5;cursor:not-allowed}.input-panel__connect-btn:hover:not(:disabled){background:var(--bg-gradient-primary);border-color:var(--color-primary);color:#fff;box-shadow:var(--shadow-primary-lg);transform:translateY(-1px)}.input-panel__connect-btn:focus{outline:none}.input-panel__connect-btn:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-offset)}.input-panel__connect-btn{width:100%;padding:10px 16px;font-size:13px;background:var(--overlay-primary-light);border:1px solid var(--color-primary);color:var(--color-primary)}.input-panel__error{margin:0;font-size:12px;color:var(--color-danger)}.input-panel__loading{margin:0;font-size:12px;color:var(--text-muted)}@keyframes panel-slide-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes panel-slide-up{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes panel-slide-left{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@media (prefers-reduced-motion: reduce){.input-panel{animation:none}}.record-button{display:flex;align-items:center;justify-content:center;border-radius:8px;cursor:pointer;transition:all .2s ease;font-family:inherit;font-weight:500}.record-button:disabled{opacity:.5;cursor:not-allowed}.record-button{min-width:var(--touch-target-min, 44px);min-height:var(--touch-target-min, 44px);padding:6px 10px}@media (min-width: 768px){.record-button{min-width:32px;min-height:32px}}@media (max-height: 500px) and (orientation: landscape){.record-button{min-width:32px;min-height:32px}}.record-button{font-size:12px;color:var(--text-tertiary);background:var(--overlay-primary-light);border:1px solid var(--border-light)}.record-button:focus{outline:none}.record-button:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-offset)}.record-button:disabled{opacity:.4;cursor:not-allowed}.record-button:hover:not(:disabled){background:var(--overlay-primary-medium);border-color:var(--border-strong)}.record-button--can-record{color:var(--color-record-armed);border-color:var(--color-record-armed)}.record-button--can-record:hover:not(:disabled){color:var(--color-record);border-color:var(--color-record);background:rgba(var(--color-record-rgb),.1)}.record-button--recording{color:var(--color-record-active);border-color:var(--color-record-active);background:rgba(var(--color-record-rgb),.15);box-shadow:var(--shadow-record-glow);animation:record-pulse 1s ease-in-out infinite}.record-button--recording:hover{background:rgba(var(--color-record-rgb),.2)}@keyframes record-pulse{0%,to{opacity:1;box-shadow:var(--shadow-record-glow)}50%{opacity:.8;box-shadow:0 0 20px rgba(var(--color-record-rgb),.7)}}@media (prefers-reduced-motion: reduce){.record-button--recording{animation:none}}.computer-keyboard-toggle{display:flex;align-items:center;gap:6px;background:var(--overlay-primary-light);border:1px solid var(--border-light);border-radius:4px;padding:4px 8px}.computer-keyboard-toggle:hover{border-color:var(--border-strong)}.computer-keyboard-toggle--active{border-color:var(--color-primary);background:var(--overlay-primary)}.computer-keyboard-toggle__btn{background:transparent;border:none;color:var(--text-tertiary);padding:2px;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:2px}.computer-keyboard-toggle__btn:hover{color:var(--text-secondary)}.computer-keyboard-toggle__btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.computer-keyboard-toggle__btn--active{color:var(--color-primary)}.computer-keyboard-toggle__info{font-family:monospace;font-size:10px;color:var(--text-muted);white-space:nowrap}.input-device-selector{display:flex;align-items:center;gap:6px;background:var(--overlay-primary-light);border:1px solid var(--border-light);border-radius:4px;padding:4px 8px}.input-device-selector:hover{border-color:var(--border-strong)}.input-device-selector__icon{color:var(--text-tertiary);flex-shrink:0}.input-device-selector__select{background:transparent;border:none;color:var(--text-secondary);font-size:11px;padding:2px 16px 2px 4px;cursor:pointer;outline:none;max-width:140px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='rgba(255,255,255,0.5)' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 0 center}.input-device-selector__select:disabled{opacity:.5;cursor:not-allowed}.input-device-selector__select option{background:var(--bg-dark);color:var(--text-primary)}.midi-input-selector{display:flex;align-items:center;gap:6px;background:var(--overlay-primary-light);border:1px solid var(--border-light);border-radius:4px;padding:4px 8px}.midi-input-selector:hover{border-color:var(--border-strong)}.midi-input-selector__icon{color:var(--text-tertiary);flex-shrink:0}.midi-input-selector__select{background:transparent;border:none;color:var(--text-secondary);font-size:11px;padding:2px 16px 2px 4px;cursor:pointer;outline:none;max-width:140px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='rgba(255,255,255,0.5)' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 0 center}.midi-input-selector__select:disabled{opacity:.5;cursor:not-allowed}.midi-input-selector__select option{background:var(--bg-dark);color:var(--text-primary)}.midi-input-selector__connect-btn{background:transparent;border:none;color:var(--color-primary);font-size:11px;padding:2px 4px;cursor:pointer;outline:none}.midi-input-selector__connect-btn:hover{color:var(--color-primary-hover);text-decoration:underline}.midi-input-selector__connect-btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:2px}.midi-input-selector__unsupported{color:var(--text-muted);font-size:11px}.midi-input-selector__error{color:var(--color-danger);font-size:11px;cursor:help}.midi-input-selector__loading{color:var(--text-muted);font-size:11px}.toolbar-v2{display:flex;align-items:center;padding:8px 16px;background:var(--bg-gradient-toolbar);border-bottom:1px solid var(--border-light);backdrop-filter:blur(8px);gap:8px;flex-wrap:wrap;row-gap:8px}@media (min-width: 1200px){.toolbar-v2{flex-wrap:nowrap;justify-content:space-between;gap:16px}}.toolbar-v2__brand{display:flex;gap:8px;align-items:center;flex-shrink:0}.toolbar-v2__logo{height:32px;width:auto;display:block}@media (max-width: 479px){.toolbar-v2__logo{height:28px}}.toolbar-v2__section{display:flex;align-items:center;gap:var(--touch-target-gap, 8px)}@media (max-width: 1199px){.toolbar-v2__section--desktop-only{display:none}}.toolbar-v2__section--edit{gap:6px}.toolbar-v2__section--transport{justify-content:flex-start;gap:6px}.toolbar-v2__section--input{margin-left:auto;min-width:0}@media (max-width: 1199px){.toolbar-v2__section--input{margin-left:0}}.toolbar-v2__section--tools,.toolbar-v2__section--zoom{gap:6px}.toolbar-v2__section--project{flex-shrink:0}.toolbar-v2__divider{width:1px;height:20px;background:var(--border-light);margin:0 4px}@media (max-width: 1199px){.toolbar-v2__divider{display:none}}.toolbar-v2__title{font-size:14px;font-weight:600;color:var(--text-primary)}.toolbar-v2__btn{display:flex;align-items:center;justify-content:center;border-radius:8px;cursor:pointer;transition:all .2s ease;font-family:inherit;font-weight:500}.toolbar-v2__btn:disabled{opacity:.5;cursor:not-allowed}.toolbar-v2__btn{min-width:var(--touch-target-min, 44px);min-height:var(--touch-target-min, 44px);padding:6px 10px}@media (min-width: 768px){.toolbar-v2__btn{min-width:32px;min-height:32px}}@media (max-height: 500px) and (orientation: landscape){.toolbar-v2__btn{min-width:32px;min-height:32px}}.toolbar-v2__btn{font-size:12px;color:var(--text-secondary);background:var(--overlay-primary-light);border:1px solid var(--border-light)}.toolbar-v2__btn:focus{outline:none}.toolbar-v2__btn:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-offset)}.toolbar-v2__btn:hover:not(:disabled){border-color:var(--color-primary);background:var(--overlay-primary-medium);transform:translateY(-1px);box-shadow:var(--shadow-primary-md)}.toolbar-v2__btn svg{width:16px;height:16px}@media (min-width: 1200px){.toolbar-v2__btn svg{width:14px;height:14px}}.toolbar-v2__btn:disabled{opacity:.4;cursor:not-allowed}.toolbar-v2__btn--success{color:var(--color-success);border-color:var(--color-success)}.toolbar-v2__btn--success:hover:not(:disabled){background:rgba(var(--color-success-rgb, 34, 197, 94),.15)}.toolbar-v2__btn--warning{color:var(--color-warning);border-color:var(--color-warning)}.toolbar-v2__btn--warning:hover:not(:disabled){background:rgba(var(--color-warning-rgb, 234, 179, 8),.15)}.toolbar-v2__btn--danger{color:var(--color-danger)}.toolbar-v2__btn--danger:hover:not(:disabled){border-color:var(--color-danger);background:rgba(var(--color-danger-rgb, 239, 68, 68),.15)}.toolbar-v2__btn--active{border-color:var(--color-primary);background:var(--overlay-primary)}.toolbar-v2__btn--loop-active{color:var(--color-loop);border-color:var(--color-loop);background:var(--color-loop-region)}.toolbar-v2__btn--loop-active:hover:not(:disabled){background:rgba(var(--color-loop-rgb),.25)}.toolbar-v2__btn--project{gap:8px;padding:6px 12px}@media (max-width: 479px){.toolbar-v2__btn--project{padding:6px 8px}}.toolbar-v2__project-name{font-size:12px;font-weight:500;color:var(--text-primary);max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width: 600px){.toolbar-v2__project-name{display:none}}.toolbar-v2__overflow{position:relative;display:none}@media (max-width: 1199px){.toolbar-v2__overflow{display:block}}.toolbar-v2__display{font-family:monospace;font-size:12px;color:var(--text-secondary);background:var(--bg-darkest);padding:4px 10px;border-radius:4px;border:1px solid var(--border-light);min-width:110px;text-align:center}@media (max-width: 479px){.toolbar-v2__display{font-size:10px;min-width:80px;padding:4px 6px}}.toolbar-v2__info{font-family:monospace;font-size:11px;color:var(--text-muted);min-width:70px;text-align:right}@media (max-width: 1199px){.toolbar-v2__info{display:none}}.toolbar-v2--loading{border-bottom-color:var(--color-primary);box-shadow:0 2px 8px var(--color-primary),0 1px 3px var(--color-primary);animation:toolbar-glow 1.5s ease-in-out infinite}@keyframes toolbar-glow{0%,to{box-shadow:0 2px 8px var(--color-primary),0 1px 3px var(--color-primary)}50%{box-shadow:0 2px 16px var(--color-primary),0 1px 6px var(--color-primary)}}.level-meter{display:flex;align-items:center;justify-content:center;width:100%;height:8px}.level-meter__canvas{width:100%;height:100%}.fader-meter{display:flex;align-items:center;justify-content:center;position:relative;width:100%;height:20px;background:var(--bg-darkest);border-radius:3px;border:1px solid var(--border-light);cursor:ew-resize}.fader-meter__canvas{width:100%;height:100%;border-radius:2px}.fader-meter--compact{height:14px}.fader-meter--compact .fader-meter__fader{width:1px}.fader-meter--compact .fader-meter__value{font-size:8px;top:-14px;padding:1px 3px}.fader-meter--no-meter{background:linear-gradient(to right,var(--bg-darkest) 0%,var(--bg-medium) 100%)}.fader-meter--no-meter .fader-meter__canvas{display:none}.fader-meter:hover:not(.fader-meter--disabled){border-color:var(--border-emphasis)}.fader-meter:hover:not(.fader-meter--disabled) .fader-meter__fader{opacity:1}.fader-meter:hover:not(.fader-meter--disabled) .fader-meter__value{opacity:1}.fader-meter--dragging{border-color:var(--color-primary)}.fader-meter--dragging .fader-meter__fader{opacity:1;background:var(--color-primary);box-shadow:0 0 6px var(--color-primary)}.fader-meter--dragging .fader-meter__value{opacity:1}.fader-meter--snapped .fader-meter__fader{opacity:1;background:var(--color-success);box-shadow:0 0 8px var(--color-success)}.fader-meter--snapped.fader-meter--dragging .fader-meter__fader{background:var(--color-success);box-shadow:0 0 10px var(--color-success)}.fader-meter--disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.fader-meter__fader{position:absolute;top:0;bottom:0;width:2px;background:var(--text-primary);opacity:.6;pointer-events:none;transform:translate(-50%);transition:opacity .15s ease,background .15s ease}.fader-meter__fader:before{content:"";position:absolute;inset:-2px -3px;background:transparent}.fader-meter__value{position:absolute;top:-18px;left:50%;transform:translate(-50%);font-family:monospace;font-size:9px;color:var(--text-secondary);background:var(--bg-dark);padding:1px 4px;border-radius:2px;white-space:nowrap;opacity:0;transition:opacity .15s ease;pointer-events:none}.master-level-meter{display:flex;align-items:center;justify-content:center;width:200px}@media (max-width: 479px){.master-level-meter{width:120px}}.instrument-selector{position:relative;width:100%}.instrument-selector__button{display:flex;align-items:center;justify-content:center;border-radius:8px;cursor:pointer;transition:all .2s ease;font-family:inherit;font-weight:500}.instrument-selector__button:disabled{opacity:.5;cursor:not-allowed}.instrument-selector__button{display:flex;align-items:center;justify-content:space-between;gap:6px;width:100%;height:28px;padding:0 10px;background:var(--border-light);border:none;border-radius:4px;color:var(--text-secondary);font-size:12px;transition:all .2s ease}.instrument-selector__button:hover,.instrument-selector__button--open{background:var(--overlay-primary-medium);color:var(--text-primary)}.instrument-selector__button--loading{opacity:.7}.instrument-selector__icon-label{display:flex;align-items:center;gap:4px;min-width:0}.instrument-selector__label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.instrument-selector__chevron{flex-shrink:0;opacity:.6;transition:transform .2s ease}.instrument-selector__button--open .instrument-selector__chevron{transform:rotate(180deg)}.instrument-selector__spinner{animation:spin 1s linear infinite}.track-controls{display:flex;flex-direction:column;padding:0;border-top:1px solid var(--track-color, var(--border-primary));background:var(--bg-track-alpha-60)}.track-controls:hover{background:var(--bg-track-alpha-40)}.track-controls__header{display:flex;align-items:center;gap:4px;padding:5px 6px;min-height:24px;background:var(--overlay-primary-light-08);border-bottom:1px solid var(--border-light);cursor:pointer;transition:all .2s ease;user-select:none}.track-controls__header:hover{background:var(--overlay-primary-medium-12)}.track-controls__header--selected{background:var(--bg-gradient-primary);border-color:var(--color-primary)}.track-controls__header--selected:hover{background:var(--bg-gradient-primary);opacity:.95}.track-controls__header--selected .track-controls__name,.track-controls__header--selected .track-controls__type-icon{color:#fff}.track-controls__type-icon{display:flex;align-items:center;justify-content:center;color:var(--text-tertiary);flex-shrink:0;padding:2px;border-radius:4px;transition:all .2s ease}.track-controls__type-icon svg{width:16px;height:16px}.track-controls__type-icon--active{color:var(--color-warning);animation:lamp-glow 2s ease-in-out infinite}.track-controls__name{font-size:12px;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0}.track-controls__collapse-btn{display:flex;align-items:center;justify-content:center;border-radius:8px;cursor:pointer;transition:all .2s ease;font-family:inherit;font-weight:500}.track-controls__collapse-btn:disabled{opacity:.5;cursor:not-allowed}.track-controls__collapse-btn{background:transparent;border:none;color:var(--text-tertiary);padding:4px;border-radius:4px;flex-shrink:0}.track-controls__collapse-btn svg{width:16px;height:16px}.track-controls__collapse-btn:hover{background:var(--overlay-primary-medium);color:var(--text-primary)}.track-controls__controls-row-main{display:flex;align-items:center;gap:6px;padding:8px}.track-controls__fader{flex:1;min-width:0}.track-controls__icon-btn{display:flex;align-items:center;justify-content:center;border-radius:8px;cursor:pointer;transition:all .2s ease;font-family:inherit;font-weight:500}.track-controls__icon-btn:disabled{opacity:.5;cursor:not-allowed}.track-controls__icon-btn{background:transparent;border:none;color:var(--text-tertiary);padding:4px;border-radius:4px;flex-shrink:0}.track-controls__icon-btn svg{width:14px;height:14px}.track-controls__icon-btn:hover{background:var(--overlay-primary-medium);color:var(--text-primary)}.track-controls__icon-btn--active{background:var(--bg-gradient-primary);color:#fff;box-shadow:var(--shadow-primary-sm)}.track-controls__icon-btn--active:hover{background:var(--bg-gradient-primary-hover)}.track-controls__icon-btn--record-armed{color:var(--color-record-armed)}.track-controls__icon-btn--record-armed:hover{color:var(--color-record);background:rgba(var(--color-record-rgb),.1)}.track-controls__icon-btn--recording{color:var(--color-record-active);background:rgba(var(--color-record-rgb),.15);box-shadow:var(--shadow-record-glow);animation:record-arm-pulse 1s ease-in-out infinite}.track-controls__icon-btn--recording:hover{background:rgba(var(--color-record-rgb),.2)}.track-controls__icon-btn--midi-active{animation:midi-pulse .15s ease-out}@keyframes midi-pulse{0%{transform:scale(1);box-shadow:0 0 rgba(var(--color-record-rgb),.4)}50%{transform:scale(1.15);box-shadow:0 0 6px 2px rgba(var(--color-record-rgb),.3)}to{transform:scale(1);box-shadow:0 0 rgba(var(--color-record-rgb),0)}}@keyframes record-arm-pulse{0%,to{opacity:1}50%{opacity:.6}}.track-controls__controls-container{display:grid;grid-template-rows:1fr}@media (prefers-reduced-motion: no-preference){.track-controls__controls-container{transition:grid-template-rows var(--collapse-duration) var(--collapse-easing)}}@media (prefers-reduced-motion: reduce){.track-controls__controls-container{transition:grid-template-rows var(--collapse-duration-reduced) linear}}.track-controls__controls-container--collapsed{grid-template-rows:0fr}.track-controls__controls-row{display:flex;gap:8px;padding:4px 8px 12px;overflow:hidden}@media (prefers-reduced-motion: no-preference){.track-controls__controls-row{transition:opacity var(--collapse-duration) var(--collapse-easing),padding var(--collapse-duration) var(--collapse-easing)}}@media (prefers-reduced-motion: reduce){.track-controls__controls-row{transition:opacity var(--collapse-duration-reduced) linear,padding var(--collapse-duration-reduced) linear}}.track-controls__controls-container--collapsed .track-controls__controls-row{opacity:0;padding-top:0;padding-bottom:0}.track-controls__sliders{display:flex;flex-direction:column;gap:6px;flex:1;min-width:0}.track-controls__control{display:flex;flex-direction:column;gap:4px}.track-controls__label{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:var(--text-tertiary)}.track-controls__label svg{flex-shrink:0;width:12px;height:12px}.track-controls__value{font-family:monospace;font-size:10px;color:var(--text-secondary);min-width:32px;text-align:right}.track-controls__slider{height:6px;border-radius:3px;outline:none;background:var(--border-light);-webkit-appearance:none;appearance:none}.track-controls__slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:var(--bg-gradient-primary);cursor:pointer;box-shadow:var(--shadow-sm-30);transition:all .2s ease}.track-controls__slider::-webkit-slider-thumb:hover{transform:scale(1.2);box-shadow:var(--shadow-primary-md-50)}.track-controls__slider::-webkit-slider-thumb{width:14px;height:14px}.track-controls__slider::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--bg-gradient-primary);cursor:pointer;border:none;box-shadow:var(--shadow-sm-30);transition:all .2s ease}.track-controls__slider::-moz-range-thumb:hover{transform:scale(1.2);box-shadow:var(--shadow-primary-md-50)}.track-controls__slider::-moz-range-thumb{width:14px;height:14px}.sidebar-header{display:flex;align-items:center;gap:4px;padding:7px 6px;min-height:24px}.sidebar-header__btn{display:flex;align-items:center;justify-content:center;border-radius:8px;cursor:pointer;transition:all .2s ease;font-family:inherit;font-weight:500}.sidebar-header__btn:disabled{opacity:.5;cursor:not-allowed}.sidebar-header__btn:focus{outline:none}.sidebar-header__btn:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-offset)}.sidebar-header__btn{padding:3px;border-radius:4px;background:var(--overlay-primary-light);border:1px solid var(--border-light);color:var(--text-primary);flex-shrink:0}.sidebar-header__btn svg{width:12px;height:12px}.sidebar-header__btn--primary:hover:not(:disabled){background:var(--bg-gradient-primary);border-color:var(--color-primary);color:#fff;box-shadow:var(--shadow-primary-lg);transform:translateY(-1px)}.sidebar-header__btn--danger:hover:not(:disabled){background:var(--bg-gradient-danger);border-color:var(--color-danger);color:#fff;box-shadow:var(--shadow-danger-lg);transform:translateY(-1px)}.sidebar-header__btn--ghost{background:transparent;border-color:transparent}.sidebar-header__btn--ghost:hover:not(:disabled){background:var(--overlay-primary);border-color:var(--border-light)}.sidebar-header__label{flex:1;font-size:11px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-header__label--selection{color:var(--color-primary);text-transform:none;font-weight:500}.sidebar-header__count{font-weight:400;margin-left:2px}.sidebar-header__menu-container{position:relative}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:48px 24px;margin:24px;border:2px dashed var(--border-primary);border-radius:12px;background:var(--overlay-primary-light);text-align:center;transition:all .2s ease}.empty-state:hover{border-color:var(--border-emphasis);background:var(--overlay-primary-light-08)}.empty-state--drag-over{border-color:var(--color-primary);background:rgba(var(--color-primary-rgb),.1);transform:scale(1.01)}.empty-state--drag-over .empty-state__icon{color:var(--color-primary);transform:scale(1.1)}.empty-state__icon{color:var(--text-muted);opacity:.7;transition:all .2s ease}.empty-state__title{margin:0;font-size:20px;font-weight:600;color:var(--text-primary)}.empty-state__description{margin:0;font-size:14px;color:var(--text-secondary);max-width:280px}.empty-state__btn{display:flex;align-items:center;justify-content:center;border-radius:8px;cursor:pointer;transition:all .2s ease;font-family:inherit;font-weight:500}.empty-state__btn:disabled{opacity:.5;cursor:not-allowed}.empty-state__btn:focus{outline:none}.empty-state__btn:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-offset)}.empty-state__btn{gap:8px;padding:10px 20px;background:var(--bg-gradient-primary);border:none;color:#fff;font-size:14px;box-shadow:var(--shadow-primary-md)}.empty-state__btn:hover:not(:disabled){background:var(--bg-gradient-primary-hover);transform:translateY(-2px);box-shadow:var(--shadow-primary-hover)}.empty-state__btn:active:not(:disabled){transform:translateY(0)}.empty-state__hint{margin:0;font-size:12px;color:var(--text-muted)}.track-canvas{padding:0;vertical-align:top;background:var(--bg-track);cursor:pointer;position:relative}.track-canvas--dragging{cursor:grabbing}.track-canvas--trimming,.track-canvas--edge-hover{cursor:ew-resize}.track-canvas__canvas{display:block;position:absolute;top:0;left:0;height:100%}.marker-color-picker{position:fixed;z-index:102;display:grid;grid-template-columns:repeat(4,1fr);gap:4px;padding:8px;background:rgba(var(--bg-track-rgb),.95);backdrop-filter:blur(12px);border:1px solid var(--border-strong);border-radius:8px;box-shadow:var(--shadow-xl);animation:marker-color-picker-fade-in .1s ease-out}.marker-color-picker__swatch:focus{outline:none}.marker-color-picker__swatch:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-offset)}.marker-color-picker__swatch{width:24px;height:24px;border:2px solid transparent;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#fff;transition:all .15s ease}.marker-color-picker__swatch:hover{transform:scale(1.15);border-color:var(--text-primary)}.marker-color-picker__swatch svg{filter:drop-shadow(0 1px 2px rgba(0,0,0,.5))}@keyframes marker-color-picker-fade-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.marker-label{position:absolute;top:0;z-index:1;pointer-events:auto;display:flex;align-items:flex-start;height:100%}.marker-label__line{width:2px;height:100%;background:var(--marker-color, #f59e0b);flex-shrink:0}.marker-label--selected .marker-label__line{width:3px;box-shadow:0 0 4px var(--marker-color, #f59e0b)}.marker-label__text{display:block;padding:2px 6px;background:var(--marker-color, #f59e0b);color:#fff;font-size:10px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-radius:0 3px 3px 0;cursor:pointer;user-select:none;text-shadow:0 1px 2px rgba(0,0,0,.3);transition:all .15s ease;max-width:var(--max-label-width, 120px)}.marker-label__text:hover{filter:brightness(1.1)}.marker-label--selected .marker-label__text{box-shadow:0 0 0 2px var(--text-primary)}.marker-label__input{width:80px;padding:2px 6px;background:var(--bg-darkest);border:1px solid var(--color-primary);border-radius:0 3px 3px 0;color:var(--text-primary);font-size:10px;font-weight:500;outline:none}.marker-label__input:focus{box-shadow:0 0 0 2px rgba(var(--color-primary-rgb),.3)}.marker-label--editing{z-index:10}.timescale{display:block;position:relative;cursor:pointer}.timescale--dragging{cursor:grabbing}.timescale__canvas{display:block}.timescale__labels{position:absolute;inset:0;pointer-events:none;overflow:hidden}.timescale__labels .marker-label{pointer-events:auto}.playhead-overlay{position:absolute;top:0;left:0;width:1px;height:100%;background:var(--color-primary);pointer-events:none;z-index:var(--z-playhead-overlay, 2);will-change:transform;box-shadow:0 0 4px var(--color-primary),0 0 8px rgba(var(--color-primary-rgb, 100, 108, 255),.3);transition:opacity .15s ease}.scrollbar{position:absolute;bottom:0;left:var(--sidebar-width);right:0;height:var(--scrollbar-height);background:var(--overlay-primary-light);cursor:pointer;z-index:var(--z-scrollbar, 3);transition:opacity var(--scrollbar-fade-duration) var(--scrollbar-fade-easing),transform var(--scrollbar-fade-duration) var(--scrollbar-fade-easing)}@media (hover: hover){.scrollbar{height:var(--scrollbar-height-desktop)}}@media (hover: none){.scrollbar{height:var(--scrollbar-height-touch);opacity:0;pointer-events:none;transform:translateY(100%)}.scrollbar--visible{opacity:1;pointer-events:auto;transform:translateY(0)}}.scrollbar__thumb{position:absolute;top:0;height:100%;background:var(--overlay-primary-strong);border-radius:6px;cursor:grab;transition:background .15s ease}.scrollbar__thumb:hover{background:rgba(var(--color-primary-rgb),.5)}.scrollbar__thumb--dragging{background:var(--color-primary);cursor:grabbing}@media (prefers-reduced-motion: reduce){.scrollbar{transition:none}}.loop-region-overlay{position:absolute;top:0;height:100%;background:var(--color-loop-region);border-left:2px solid var(--color-loop-border);border-right:2px solid var(--color-loop-border);pointer-events:none;z-index:0;transition:opacity .15s ease,background .15s ease}.loop-region-overlay--disabled{background:var(--color-loop-region-disabled);border-color:#ffa0004d;opacity:.6}.time-range-overlay{position:absolute;top:0;height:100%;background:var(--overlay-primary-medium);border-left:1px solid var(--color-primary);border-right:1px solid var(--color-primary);pointer-events:none;z-index:1}.project-dialog__backdrop{position:fixed;inset:0;z-index:100;background-color:var(--overlay-dark-40);backdrop-filter:blur(4px);display:flex;align-items:flex-start;justify-content:center;padding-top:calc(30vh - 120px);z-index:9999;animation:project-dialog-fade-in .2s ease-out}.project-dialog{background:rgba(var(--bg-track-rgb),.85);backdrop-filter:blur(16px);border:1px solid var(--border-strong);border-radius:12px;box-shadow:var(--shadow-xl);width:480px;max-width:calc(100vw - 40px);max-height:calc(100vh - 100px);display:flex;flex-direction:column;animation:project-dialog-spring-in .35s cubic-bezier(.34,1.56,.64,1)}.project-dialog__file-input{display:none}.project-dialog__header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border-light)}.project-dialog__title{margin:0;font-size:14px;font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:10px;font-size:16px}.project-dialog__title svg{color:var(--color-primary)}.project-dialog__close{display:flex;align-items:center;justify-content:center;border-radius:8px;cursor:pointer;transition:all .2s ease;font-family:inherit;font-weight:500}.project-dialog__close:disabled{opacity:.5;cursor:not-allowed}.project-dialog__close:focus{outline:none}.project-dialog__close:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-offset)}.project-dialog__close{background:transparent;border:none;color:var(--text-tertiary);padding:8px;min-width:32px;min-height:32px}.project-dialog__close:hover{color:var(--text-primary);background:var(--overlay-primary)}.project-dialog__actions{display:flex;gap:8px;padding:12px 20px;border-bottom:1px solid var(--border-light);flex-wrap:wrap}.project-dialog__action-btn{display:flex;align-items:center;justify-content:center;border-radius:8px;cursor:pointer;transition:all .2s ease;font-family:inherit;font-weight:500}.project-dialog__action-btn:disabled{opacity:.5;cursor:not-allowed}.project-dialog__action-btn:focus{outline:none}.project-dialog__action-btn:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-offset)}.project-dialog__action-btn{transition:all .2s ease;background:transparent;border:1px solid var(--border-light);color:var(--text-secondary);padding:8px 14px;gap:6px;font-size:13px}.project-dialog__action-btn:hover:not(:disabled){background:var(--overlay-primary);border-color:var(--border-strong);color:var(--text-primary)}.project-dialog__save-form{padding:16px 20px;border-bottom:1px solid var(--border-light);background:var(--overlay-primary)}.project-dialog__label{display:block;font-size:12px;color:var(--text-tertiary);margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.project-dialog__input{width:100%;padding:10px 12px;background:var(--bg-darkest);border:1px solid var(--border-light);border-radius:6px;color:var(--text-primary);font-size:14px;font-family:inherit;margin-bottom:12px}.project-dialog__input:focus{outline:none;border-color:var(--color-primary)}.project-dialog__input::placeholder{color:var(--text-tertiary)}.project-dialog__save-buttons{display:flex;gap:8px;justify-content:flex-end}.project-dialog__save-btn{display:flex;align-items:center;justify-content:center;border-radius:8px;cursor:pointer;transition:all .2s ease;font-family:inherit;font-weight:500}.project-dialog__save-btn:disabled{opacity:.5;cursor:not-allowed}.project-dialog__save-btn:focus{outline:none}.project-dialog__save-btn:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-offset)}.project-dialog__save-btn{transition:all .2s ease;background:var(--color-primary);border:1px solid var(--color-primary);color:var(--text-on-primary);padding:8px 20px;font-size:13px}.project-dialog__save-btn:hover:not(:disabled){background:var(--color-primary-hover);border-color:var(--color-primary-hover)}.project-dialog__save-btn:disabled{opacity:.6}.project-dialog__cancel-btn{display:flex;align-items:center;justify-content:center;border-radius:8px;cursor:pointer;transition:all .2s ease;font-family:inherit;font-weight:500}.project-dialog__cancel-btn:disabled{opacity:.5;cursor:not-allowed}.project-dialog__cancel-btn:focus{outline:none}.project-dialog__cancel-btn:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-offset)}.project-dialog__cancel-btn{transition:all .2s ease;background:transparent;border:1px solid transparent;color:var(--text-tertiary);padding:8px 16px;font-size:13px}.project-dialog__cancel-btn:hover{background:var(--overlay-primary);color:var(--text-primary)}.project-dialog__list{flex:1;overflow-y:auto;padding:12px 20px;min-height:150px;max-height:300px}.project-dialog__list-title{font-size:12px;color:var(--text-tertiary);margin:0 0 12px;text-transform:uppercase;letter-spacing:.5px}.project-dialog__empty{color:var(--text-tertiary);font-size:14px;text-align:center;padding:32px 16px}.project-dialog__item{display:flex;align-items:center;gap:12px;padding:12px;border-radius:8px;cursor:pointer;transition:background .15s ease;margin-bottom:4px}.project-dialog__item:hover{background:var(--overlay-primary)}.project-dialog__item--current{background:var(--overlay-primary-medium);border:1px solid var(--color-primary-30)}.project-dialog__item--current:hover{background:var(--overlay-primary-strong)}.project-dialog__item-icon{color:var(--text-tertiary);flex-shrink:0}.project-dialog__item-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.project-dialog__item-name{font-size:14px;color:var(--text-primary);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.project-dialog__item-meta{font-size:12px;color:var(--text-tertiary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.project-dialog__delete-btn{display:flex;align-items:center;justify-content:center;border-radius:8px;cursor:pointer;transition:all .2s ease;font-family:inherit;font-weight:500}.project-dialog__delete-btn:disabled{opacity:.5;cursor:not-allowed}.project-dialog__delete-btn:focus{outline:none}.project-dialog__delete-btn:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-offset)}.project-dialog__delete-btn{background:transparent;border:none;color:var(--text-tertiary);padding:8px;opacity:0;transition:opacity .15s ease,color .15s ease}.project-dialog__item:hover .project-dialog__delete-btn{opacity:1}.project-dialog__delete-btn:hover{color:var(--color-danger)}.project-dialog__delete-confirm{display:flex;gap:6px}.project-dialog__delete-yes{display:flex;align-items:center;justify-content:center;border-radius:8px;cursor:pointer;transition:all .2s ease;font-family:inherit;font-weight:500}.project-dialog__delete-yes:disabled{opacity:.5;cursor:not-allowed}.project-dialog__delete-yes:focus{outline:none}.project-dialog__delete-yes:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-offset)}.project-dialog__delete-yes{background:var(--color-danger);border:1px solid var(--color-danger);color:var(--text-on-primary);padding:4px 12px;font-size:12px}.project-dialog__delete-yes:hover{background:var(--color-danger-hover)}.project-dialog__delete-no{display:flex;align-items:center;justify-content:center;border-radius:8px;cursor:pointer;transition:all .2s ease;font-family:inherit;font-weight:500}.project-dialog__delete-no:disabled{opacity:.5;cursor:not-allowed}.project-dialog__delete-no:focus{outline:none}.project-dialog__delete-no:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-offset)}.project-dialog__delete-no{background:transparent;border:1px solid var(--border-light);color:var(--text-tertiary);padding:4px 12px;font-size:12px}.project-dialog__delete-no:hover{background:var(--overlay-primary);color:var(--text-primary)}.project-dialog__storage{display:flex;align-items:center;gap:12px;padding:12px 20px;border-top:1px solid var(--border-light);background:var(--overlay-primary)}.project-dialog__storage-label{font-size:12px;color:var(--text-tertiary);white-space:nowrap}.project-dialog__storage-bar{flex:1;height:6px;background:var(--bg-darkest);border-radius:3px;overflow:hidden}.project-dialog__storage-fill{height:100%;background:var(--color-primary);border-radius:3px;transition:width .3s ease}.project-dialog__storage-fill--warning{background:var(--color-warning)}.project-dialog__storage-text{font-size:12px;color:var(--text-tertiary);white-space:nowrap;min-width:100px;text-align:right}.project-dialog__loading{position:absolute;inset:0;background:rgba(var(--bg-track-rgb),.9);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:var(--text-secondary);font-size:14px;border-radius:12px}.project-dialog__spinner{width:24px;height:24px;border:2px solid var(--border-light);border-top-color:var(--color-primary);border-radius:50%;animation:project-dialog-spin .8s linear infinite}@keyframes project-dialog-fade-in{0%{opacity:0;backdrop-filter:blur(0px)}to{opacity:1;backdrop-filter:blur(4px)}}@keyframes project-dialog-spring-in{0%{transform:scale(.92);opacity:0}to{transform:scale(1);opacity:1}}@keyframes project-dialog-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.project-dialog__backdrop,.project-dialog{animation:project-dialog-fade-in-reduced .15s ease-out}.project-dialog__spinner{animation-duration:1.5s}@keyframes project-dialog-fade-in-reduced{0%{opacity:0}to{opacity:1}}}@media (max-width: 600px){.project-dialog__backdrop{padding-top:60px}.project-dialog{width:calc(100vw - 24px);max-height:calc(100vh - 80px)}.project-dialog__actions{padding:10px 16px}.project-dialog__action-btn{flex:1;min-width:calc(50% - 4px)}.project-dialog__save-form,.project-dialog__list,.project-dialog__storage{padding-left:16px;padding-right:16px}.project-dialog__delete-btn{opacity:1}}.app-v2--hidden,.app-v2__file-input{display:none}.app-v2{--sidebar-width: 200px;--track-height: 120px;--scrollbar-height: 12px;--timescale-height: 28px;display:flex;flex-direction:column;height:100vh;overflow:hidden;background:var(--bg-darkest);color:var(--text-primary);font-family:system-ui,-apple-system,sans-serif}.app-v2__toolbar{display:flex;align-items:center;justify-content:space-between;padding:8px 16px;background:var(--bg-gradient-toolbar);border-bottom:1px solid var(--border-light);backdrop-filter:blur(8px);gap:16px}.app-v2__toolbar-section{display:flex;align-items:center;gap:8px}.app-v2__toolbar-section--info{gap:16px}.app-v2__title{font-size:14px;font-weight:600;color:var(--text-primary)}.app-v2__subtitle{font-size:11px;color:var(--text-muted)}.app-v2__btn{display:flex;align-items:center;justify-content:center;border-radius:8px;cursor:pointer;transition:all .2s ease;font-family:inherit;font-weight:500}.app-v2__btn:disabled{opacity:.5;cursor:not-allowed}.app-v2__btn{padding:6px 10px;font-size:12px;color:var(--text-secondary);background:var(--overlay-primary-light);border:1px solid var(--border-light)}.app-v2__btn:focus{outline:none}.app-v2__btn:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-offset)}.app-v2__btn:hover:not(:disabled){border-color:var(--color-primary);background:var(--overlay-primary-medium);transform:translateY(-1px);box-shadow:var(--shadow-primary-md)}.app-v2__btn:active:not(:disabled){transform:translateY(0)}.app-v2__info-text{font-size:12px;color:var(--text-secondary);font-family:inherit}.app-v2__info-text--muted{color:var(--text-muted);font-family:monospace;font-size:11px}.app-v2__timeline{flex:1;display:flex;flex-direction:column;position:relative;overflow:hidden}.app-v2__sidebar-background{position:absolute;top:0;left:0;width:var(--sidebar-width);height:100%;background:linear-gradient(180deg,var(--bg-dark) 0%,var(--bg-darkest) 100%);border-right:1px solid var(--border-light);z-index:var(--z-sidebar-background);pointer-events:none;backdrop-filter:blur(4px)}.app-v2__playhead-container{position:absolute;top:0;left:var(--sidebar-width);right:0;bottom:0;pointer-events:none;overflow:hidden;z-index:var(--z-playhead-overlay, 2)}.app-v2__scroll-container{flex:1;overflow-x:hidden;overflow-y:auto;position:relative}.app-v2__scroll-container::-webkit-scrollbar{width:8px}.app-v2__scroll-container::-webkit-scrollbar:horizontal{display:none}.app-v2__scroll-container::-webkit-scrollbar-track{background:var(--bg-darkest)}.app-v2__scroll-container::-webkit-scrollbar-thumb{background:var(--overlay-primary-medium);border-radius:4px}.app-v2__scroll-container::-webkit-scrollbar-thumb:hover{background:var(--overlay-primary-strong)}.app-v2__scroll-container{scrollbar-width:thin;scrollbar-color:var(--overlay-primary-medium) var(--bg-darkest)}.app-v2__table{border-collapse:separate;border-spacing:0;width:max-content;min-width:100%}.app-v2__sidebar-header{position:sticky;left:0;top:0;z-index:var(--z-toolbar);width:var(--sidebar-width);min-width:var(--sidebar-width);max-width:var(--sidebar-width);padding:0;background:var(--bg-dark);border-right:1px solid var(--border-light);border-bottom:1px solid var(--border-light);vertical-align:middle}.app-v2__sidebar-title{font-size:11px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.app-v2__timeline-header{position:sticky;top:0;z-index:var(--z-timeline);background:var(--bg-darkest);border-bottom:1px solid var(--border-light);padding:0}.app-v2__track-row:not(:last-child){border-bottom:1px solid rgba(255,255,255,.05)}.app-v2__track-sidebar{position:sticky;left:0;z-index:var(--z-sidebar);width:var(--sidebar-width);min-width:var(--sidebar-width);max-width:var(--sidebar-width);padding:0;background:transparent;vertical-align:top}.app-v2__track-header{display:flex;align-items:center;gap:10px;margin-bottom:8px}.app-v2__track-color{width:14px;height:14px;border-radius:3px;flex-shrink:0;box-shadow:0 1px 3px #0000004d}.app-v2__track-name{font-size:13px;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-v2__track-meta{display:flex;align-items:center;gap:8px;padding-left:24px}.app-v2__track-duration{font-size:11px;color:var(--text-muted);font-family:monospace}.app-v2__loading,.app-v2__error,.app-v2__empty-cell{padding:48px;text-align:center;color:var(--text-muted);font-size:14px}.app-v2__empty-cell{padding:0}.app-v2__loading{display:flex;flex-direction:column;align-items:center;gap:12px}.app-v2__loading:before{content:"";width:24px;height:24px;border:2px solid var(--border-light);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite}.app-v2__error{color:var(--color-danger)}.app-v2__drop-overlay{position:absolute;inset:0;background:rgba(var(--color-primary-rgb),.1);border:2px dashed var(--color-primary);z-index:var(--z-modal);display:flex;align-items:center;justify-content:center;pointer-events:none}.app-v2__drop-overlay-content{display:flex;flex-direction:column;align-items:center;gap:12px;color:var(--color-primary);font-size:16px;font-weight:500}.app-v2__drop-overlay-icon{font-size:48px;font-weight:300;line-height:1}.app-v2__timeline--drag-over{background:rgba(var(--color-primary-rgb),.05)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:root{--color-primary: #646cff;--color-primary-hover: #535bf2;--color-primary-active: #4249d8;--color-primary-rgb: 100, 108, 255;--bg-darkest: #1a1a2e;--bg-dark: #16213e;--bg-medium: #0f3460;--bg-track: #16213e;--bg-track-rgb: 22, 33, 62;--text-primary: rgba(255, 255, 255, .87);--text-secondary: rgba(255, 255, 255, .7);--text-tertiary: rgba(255, 255, 255, .6);--text-muted: rgba(255, 255, 255, .5);--text-disabled: rgba(255, 255, 255, .4);--text-on-primary: #ffffff;--border-primary: rgba(var(--color-primary-rgb), .3);--border-light: rgba(var(--color-primary-rgb), .2);--border-strong: rgba(var(--color-primary-rgb), .4);--border-emphasis: rgba(var(--color-primary-rgb), .5);--color-danger: #ff3b30;--color-danger-hover: #ff453a;--color-danger-active: #ff2d20;--color-danger-light-20: rgba(255, 59, 48, .2);--color-danger-rgb: 255, 59, 48;--color-success: #34c759;--color-success-hover: #30d158;--color-success-active: #28a745;--color-success-rgb: 52, 199, 89;--color-warning: #ff9500;--color-warning-hover: #ffaa33;--color-warning-active: #ff8800;--color-warning-rgb: 255, 149, 0;--overlay-primary-light: rgba(var(--color-primary-rgb), .05);--overlay-primary-light-08: rgba(var(--color-primary-rgb), .08);--overlay-primary: rgba(var(--color-primary-rgb), .1);--overlay-primary-medium-12: rgba(var(--color-primary-rgb), .12);--overlay-primary-medium: rgba(var(--color-primary-rgb), .2);--overlay-primary-strong: rgba(var(--color-primary-rgb), .3);--overlay-dark-40: rgba(0, 0, 0, .4);--overlay-dark-70: rgba(0, 0, 0, .7);--shadow-sm: 0 2px 4px rgba(0, 0, 0, .2);--shadow-sm-30: 0 2px 4px rgba(0, 0, 0, .3);--shadow-md: 0 2px 8px rgba(0, 0, 0, .2);--shadow-lg: 0 4px 12px rgba(0, 0, 0, .3);--shadow-xl: 0 8px 32px rgba(0, 0, 0, .4);--shadow-primary-sm: 0 2px 8px rgba(var(--color-primary-rgb), .3);--shadow-primary-md: 0 4px 12px rgba(var(--color-primary-rgb), .3);--shadow-primary-md-50: 0 4px 8px rgba(var(--color-primary-rgb), .5);--shadow-primary-lg: 0 4px 12px rgba(var(--color-primary-rgb), .4);--shadow-primary-hover: 0 6px 16px rgba(var(--color-primary-rgb), .4);--shadow-success-md: 0 4px 12px rgba(var(--color-success-rgb), .3);--shadow-success-lg: 0 4px 12px rgba(var(--color-success-rgb), .4);--shadow-danger-md: 0 4px 12px rgba(var(--color-danger-rgb), .3);--shadow-danger-lg: 0 4px 12px rgba(var(--color-danger-rgb), .4);--shadow-warning-md: 0 4px 12px rgba(var(--color-warning-rgb), .3);--shadow-warning-lg: 0 4px 12px rgba(var(--color-warning-rgb), .4);--bg-gradient-main: linear-gradient(135deg, var(--bg-darkest) 0%, var(--bg-dark) 100%);--bg-gradient-container: linear-gradient( 135deg, rgba(26, 26, 46, .8) 0%, rgba(22, 33, 62, .8) 100% );--bg-gradient-container-hover: linear-gradient( 135deg, rgba(26, 26, 46, .9) 0%, rgba(22, 33, 62, .9) 100% );--bg-gradient-toolbar: linear-gradient( 135deg, rgba(15, 52, 96, .7) 0%, rgba(22, 33, 62, .7) 100% );--bg-gradient-primary: linear-gradient( 135deg, var(--color-primary) 0%, var(--color-primary-hover) 100% );--bg-gradient-primary-hover: linear-gradient( 135deg, var(--color-primary-hover) 0%, var(--color-primary-active) 100% );--bg-gradient-success: linear-gradient( 135deg, var(--color-success) 0%, var(--color-success-hover) 100% );--bg-gradient-success-hover: linear-gradient( 135deg, var(--color-success-hover) 0%, var(--color-success-active) 100% );--bg-gradient-danger: linear-gradient( 135deg, var(--color-danger) 0%, var(--color-danger-hover) 100% );--bg-gradient-danger-hover: linear-gradient( 135deg, var(--color-danger-hover) 0%, var(--color-danger-active) 100% );--bg-gradient-warning: linear-gradient( 135deg, var(--color-warning) 0%, var(--color-warning-hover) 100% );--bg-gradient-warning-hover: linear-gradient( 135deg, var(--color-warning-hover) 0%, var(--color-warning-active) 100% );--bg-track-alpha-60: rgba(var(--bg-track-rgb), .6);--bg-track-alpha-40: rgba(var(--bg-track-rgb), .4);--bg-medium-alpha-50: rgba(15, 52, 96, .5);--bg-medium-alpha-60: rgba(15, 52, 96, .6);--bg-medium-alpha-70: rgba(15, 52, 96, .7);--bg-medium-alpha-30: rgba(15, 52, 96, .3);--focus-ring: 2px solid rgba(var(--color-primary-rgb), .5);--focus-offset: 2px;--icon-size-sm: 14px;--icon-size-md: 16px;--icon-size-lg: 20px;--sidebar-width: 200px;--scrollbar-height: 12px;--z-timeline: 1;--z-cursor: 2;--z-playhead-overlay: 2;--z-sidebar-background: 3;--z-sidebar: 4;--z-toolbar: 5;--z-scrollbar: 10;--track-color-0: hsl(38, 100%, 60%);--track-color-1: hsl(199, 76%, 63%);--track-color-2: hsl(165, 100%, 45%);--track-color-3: hsl(56, 86%, 60%);--track-color-4: hsl(205, 100%, 55%);--track-color-5: hsl(22, 100%, 58%);--track-color-6: hsl(325, 48%, 64%);--track-color-7: hsl(0, 0%, 65%);--collapse-duration: .25s;--collapse-easing: cubic-bezier(.4, 0, .2, 1);--collapse-duration-reduced: 50ms;--scrollbar-fade-duration: .2s;--scrollbar-fade-easing: ease-out;--scrollbar-height-desktop: 8px;--scrollbar-height-touch: 6px;--meter-bg: rgba(0, 0, 0, .3);--meter-low-dark: #059669;--meter-low: #22c55e;--meter-mid: #eab308;--meter-high: #f97316;--meter-clip: #ef4444;--meter-clip-dark: #dc2626;--meter-reference-marker: rgba(255, 255, 255, .4);--breakpoint-mobile-portrait: 479px;--breakpoint-mobile-landscape: 767px;--breakpoint-tablet: 1023px;--touch-target-min: 44px;--touch-target-gap: 8px;--color-record: #ff3b30;--color-record-armed: rgba(255, 59, 48, .6);--color-record-active: #ff453a;--color-record-rgb: 255, 59, 48;--shadow-record-glow: 0 0 12px rgba(255, 59, 48, .5);--color-loop: #ffa000;--color-loop-rgb: 255, 160, 0;--color-loop-region: rgba(255, 160, 0, .15);--color-loop-region-disabled: rgba(255, 160, 0, .06);--color-loop-border: rgba(255, 160, 0, .6)}.form-select{width:100%;padding:10px 32px 10px 12px;background:var(--bg-darkest);border:1px solid var(--border-light);border-radius:6px;color:var(--text-primary);font-size:13px;cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23888888' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}.form-select:focus{outline:none;border-color:var(--color-primary)}.form-select:disabled{opacity:.5;cursor:not-allowed}.form-select option{background:var(--bg-dark);color:var(--text-primary)}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:var(--text-primary);background:var(--bg-gradient-main);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{touch-action:manipulation;overscroll-behavior:none}*{box-sizing:border-box}body{margin:0;display:flex;min-width:320px;min-height:100vh;background:var(--bg-gradient-main);touch-action:manipulation;overscroll-behavior:none}#root{width:100%;margin:0 auto;padding:0}button{display:flex;align-items:center;justify-content:center;border-radius:8px;cursor:pointer;transition:all .2s ease;font-family:inherit;font-weight:500}button:disabled{opacity:.5;cursor:not-allowed}button{border-radius:8px;border:1px solid var(--border-primary);padding:.6em 1.2em;font-size:1em;background:var(--overlay-primary);color:var(--text-primary);box-shadow:var(--shadow-md)}button:hover:not(:disabled){border-color:var(--color-primary);background:var(--overlay-primary-medium);transform:translateY(-1px);box-shadow:var(--shadow-primary-md)}button:focus{outline:none}button:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-offset)}.playlist{--wp-controls-border-color: var(--border-primary);--wp-controls-background-color: var(--bg-medium-alpha-60);--wp-tracks-container-background-color: rgba(26, 26, 46, .8);--wp-cursor-color: var(--color-primary);--wp-channel-color: var(--border-primary);--wp-channel-progress-color: var(--color-primary);--wp-selection-background-color: var(--overlay-primary-medium);--wp-selection-point-color: var(--color-primary);--wp-btn-danger-background-color: var(--color-danger);--wp-btn-danger-background-hover-color: var(--color-danger-hover);--wp-btn-info-background-color: var(--color-primary);--wp-btn-info-background-hover-color: var(--color-primary-hover);--wp-range-slider-color: var(--color-primary);--wp-range-slider-background-color: var(--overlay-primary-medium);--wp-range-slider-background-focus-color: var(--overlay-primary-strong);--wp-range-slider-label-color: var(--text-primary)}.playlist .controls{background:var(--bg-medium-alpha-60)!important;border:1px solid var(--border-primary)!important;backdrop-filter:blur(10px)}.playlist .controls label{color:var(--text-primary)}.playlist .playlist-time-scale{background:var(--bg-medium-alpha-50)!important;border-bottom:1px solid var(--border-primary);color:var(--text-secondary)}.playlist .playlist-tracks{background:#1a1a2e99!important}.playlist .state-cursor{cursor:crosshair!important}.playlist .state-select{cursor:text!important}.playlist .state-shift{cursor:move!important}.playlist .state-fadein{cursor:w-resize!important}.playlist .state-fadeout{cursor:e-resize!important}@keyframes lamp-glow{0%,to{filter:drop-shadow(0 0 2px var(--color-warning))}50%{filter:drop-shadow(0 0 8px var(--color-warning)) drop-shadow(0 0 12px var(--color-warning-active))}}