@keyframes dialog-backdrop-fade-in{0%{opacity:0}to{opacity:1}}@keyframes dialog-spring-in{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){@keyframes dialog-spring-in{0%{opacity:0}to{opacity:1}}}@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)}}.notification{align-items:flex-start;gap:var(--space-300);padding:var(--space-300) var(--space-400);background:var(--bg-dark);border:1px solid var(--border-light);box-shadow:var(--shadow-lg);touch-action:pan-x;user-select:none;border-radius:8px;min-width:280px;max-width:400px;animation:.2s ease-out notification-enter;display:flex}@media (width<=480px){.notification{min-width:unset;max-width:unset;width:calc(100vw - 32px);margin:0 var(--space-400)}}.notification--exiting{animation:.2s ease-in forwards notification-exit}.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{margin-top:var(--space-050);flex-shrink:0;justify-content:center;align-items:center;display:flex}.notification__content{flex:1;min-width:0}.notification__title{color:var(--text-primary);margin-bottom:var(--space-100);font-weight:600;line-height:1.3}.notification__message{color:var(--text-secondary);word-wrap:break-word;font-size:.875rem;line-height:1.4}.notification__action{margin-top:var(--space-200);color:var(--color-primary);cursor:pointer;text-underline-offset:2px;background:0 0;border:none;padding:0;font-size:.875rem;text-decoration:underline;display:inline-block}.notification__action:hover{color:var(--color-primary-hover)}.notification__close{width:24px;height:24px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:all .15s;display:flex}.notification__close:focus{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 (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:.1s ease-in forwards notification-exit-reduced}@keyframes notification-exit-reduced{0%{opacity:1}to{opacity:0}}}.notification-container{z-index:var(--z-modal);gap:var(--space-200);pointer-events:none;flex-direction:column;align-items:flex-end;display:flex;position:fixed;top:16px;right:16px}@media (width<=480px){.notification-container{top:unset;flex-direction:column-reverse;align-items:center;bottom:16px;left:0;right:0}}.notification-container>*{pointer-events:auto}.notification-container__queue-badge{padding:var(--space-150) var(--space-300);background:var(--bg-medium);border:1px solid var(--border-light);color:var(--text-secondary);border-radius:16px;font-size:.75rem;font-weight:500}@media (prefers-reduced-motion:reduce){@keyframes dialog-spring-in{0%{opacity:0}to{opacity:1}}}.btn{cursor:pointer;border-radius:8px;justify-content:center;align-items:center;font-family:inherit;font-weight:500;transition:all .2s;display:flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn{background:0 0;border:none}.btn:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-offset)}.btn--sm{padding:var(--space-100);border-radius:4px}.btn--sm svg{width:14px;height:14px}.btn--md{padding:var(--space-150) var(--space-300);min-width:32px;min-height:32px}.btn--md svg{width:16px;height:16px}.btn--lg{padding:var(--space-150) var(--space-250);min-width:32px;min-height:32px;font-size:14px}.btn--lg svg{width:16px;height:16px}.btn--ghost{color:var(--text-tertiary)}.btn--ghost:hover:not(:disabled){color:var(--text-primary);background:var(--overlay-primary)}.btn--toolbar{color:var(--text-secondary);border:1px solid var(--border-chrome);font-size:12px}.btn--toolbar:hover:not(:disabled){border-color:rgba(var(--color-primary-rgb), .3);background:rgba(var(--color-primary-rgb), .08)}.btn--primary{background:var(--overlay-primary);color:var(--color-primary);border:1px solid var(--color-primary);min-width:80px;transition:all .2s}.btn--primary:hover:not(:disabled){background:var(--overlay-primary-medium)}.btn--primary:active:not(:disabled){background:var(--overlay-primary-strong)}.btn--cancel{color:var(--text-tertiary);background:0 0;border:1px solid #0000;min-width:80px;transition:all .2s}.btn--cancel:hover:not(:disabled){border-color:rgba(var(--color-primary-rgb), .3);background:rgba(var(--color-primary-rgb), .08);color:var(--text-primary)}.btn--cancel:active:not(:disabled){background:var(--overlay-primary-medium)}.btn--danger{background:rgba(var(--color-danger-rgb), .1);color:var(--color-danger);border:1px solid var(--color-danger);min-width:80px;transition:all .2s}.btn--danger:hover:not(:disabled){background:rgba(var(--color-danger-rgb), .15)}.btn--danger:active:not(:disabled){background:rgba(var(--color-danger-rgb), .25)}.btn--success{color:var(--color-success);border:1px solid var(--color-success);opacity:.75}.btn--success:hover:not(:disabled){background:rgba(var(--color-success-rgb,34, 197, 94), .15)}@media (prefers-reduced-motion:reduce){@keyframes dialog-spring-in{0%{opacity:0}to{opacity:1}}}.modal__backdrop{z-index:var(--z-dropdown);align-items:var(--modal-align,flex-start);padding:var(--modal-backdrop-padding,var(--space-modal-top-third) var(--space-600) var(--space-600));z-index:var(--z-modal);background-color:#0000;justify-content:center;animation:.2s ease-out dialog-backdrop-fade-in;display:flex;position:fixed;inset:0}.modal__content{background:rgba(var(--bg-track-rgb), .85);backdrop-filter:blur(16px);border:1px solid var(--border-light);box-shadow:var(--shadow-xl);border-radius:8px;flex-direction:column;min-height:0;max-height:100%;animation:.35s cubic-bezier(.34,1.56,.64,1) dialog-spring-in;display:flex;overflow:hidden}.modal__body{min-height:0;padding:var(--panel-padding);flex-direction:column;flex:1;display:flex}.modal__header{padding:var(--panel-header-padding);border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;display:flex}.modal__header-title{align-items:center;gap:var(--space-300);display:flex}.modal__title{color:var(--text-primary);margin:0;font-size:16px;font-weight:600}.modal__header-actions{align-items:center;gap:var(--space-100);margin-left:var(--space-200);flex-shrink:0;display:flex}.modal__close{width:var(--space-600);height:var(--space-600);color:var(--text-muted);padding:0;transition:color .15s,background .15s}.modal__close:hover:not(:disabled){color:var(--color-danger);background:var(--bg-overlay-subtle)}.modal__footer{gap:var(--space-250);padding:var(--space-400) var(--space-500);border-top:1px solid var(--border-light);justify-content:flex-end;display:flex}.modal__content.panel-flush .modal__body{padding:0}@media (width<=600px){.modal__content{min-width:auto;max-width:calc(100vw - 32px);margin:0 var(--space-400)}}@media (prefers-reduced-motion:reduce){@keyframes dialog-spring-in{0%{opacity:0}to{opacity:1}}}.choice-button-group{display:flex}.choice-button-group--compact{gap:var(--space-hairline);background:var(--border-light);border-radius:4px;overflow:hidden}.choice-button-group--compact .choice-button-group__btn{background:var(--overlay-primary-light);padding:var(--space-compact) var(--space-150);color:var(--text-muted);cursor:pointer;white-space:nowrap;border:none;font-family:inherit;font-size:10px}.choice-button-group--compact .choice-button-group__btn:hover:not(.choice-button-group--compact .choice-button-group__btn--active):not(:disabled){background:var(--overlay-primary);color:var(--text-secondary)}.choice-button-group--compact .choice-button-group__btn--active{background:var(--color-primary);color:var(--text-primary)}.choice-button-group--compact .choice-button-group__btn:disabled{opacity:.5;cursor:not-allowed}.choice-button-group--standard{gap:var(--space-050)}.choice-button-group--standard .choice-button-group__btn{cursor:pointer;border-radius:8px;justify-content:center;align-items:center;font-family:inherit;font-weight:500;transition:all .2s;display:flex}.choice-button-group--standard .choice-button-group__btn:disabled{opacity:.5;cursor:not-allowed}.choice-button-group--standard .choice-button-group__btn{padding:var(--space-050) var(--space-150);color:var(--text-muted);min-height:22px;min-width:unset;background:0 0;border:1px solid #0000;border-radius:4px;font-size:11px}.choice-button-group--standard .choice-button-group__btn:hover:not(:disabled){color:var(--text-secondary);background:var(--overlay-primary-light);border-color:var(--border-light)}.choice-button-group--standard .choice-button-group__btn--active{color:var(--text-primary);background:var(--overlay-primary-medium);border-color:var(--border-primary)}.choice-button-group--standard .choice-button-group__btn--active:hover:not(:disabled){color:var(--text-primary);background:var(--overlay-primary-medium);border-color:var(--border-strong)}.choice-button-group--pill{gap:var(--space-100);padding:var(--space-100);background:var(--bg-darkest);border-radius:8px}.choice-button-group--pill .choice-button-group__btn{padding:var(--space-200) var(--space-300);color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:6px;flex:1;justify-content:center;align-items:center;font-family:inherit;font-size:12px;font-weight:500;transition:background-color .15s,color .15s;display:flex}.choice-button-group--pill .choice-button-group__btn:hover:not(:disabled){color:var(--text-primary)}.choice-button-group--pill .choice-button-group__btn--active{background:var(--overlay-primary-light);color:var(--color-primary)}.choice-button-group--pill .choice-button-group__btn:disabled{opacity:.5;cursor:not-allowed}.select{appearance:none;cursor:pointer;border:1px solid var(--border-light);color:var(--text-secondary);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%23888' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;font-family:inherit;font-weight:500;transition:all .2s}.select:focus{outline:none}.select:focus-visible:not([data-mouse-focus]){outline:var(--focus-ring);outline-offset:var(--focus-offset)}.select:hover:not(:disabled){border-color:var(--border-strong)}.select:disabled{opacity:.5;cursor:not-allowed}.select option{background:var(--bg-dark);color:var(--text-primary)}.select--default{background-color:var(--bg-overlay-faint);padding:var(--space-100) var(--space-500) var(--space-100) var(--space-200);background-position:right 6px center;border-radius:4px;font-size:11px}.select--large{background-color:var(--bg-darkest);width:100%;min-height:42px;padding:var(--space-250) var(--space-800) var(--space-250) var(--space-300);color:var(--text-primary);background-position:right 12px center;border-radius:6px;font-size:13px;line-height:1.2}@media (prefers-reduced-motion:reduce){@keyframes dialog-spring-in{0%{opacity:0}to{opacity:1}}}.slider{appearance:none;background:var(--bg-darkest);cursor:pointer;border-radius:2px;height:4px;margin:0}.slider::-webkit-slider-thumb{appearance:none;background:var(--bg-gradient-primary);cursor:pointer;width:16px;height:16px;box-shadow:var(--shadow-sm-30);border-radius:50%;transition:all .2s}.slider::-webkit-slider-thumb:hover{box-shadow:var(--shadow-primary-md-50);transform:scale(1.2)}.slider::-moz-range-thumb{background:var(--bg-gradient-primary);cursor:pointer;width:16px;height:16px;box-shadow:var(--shadow-sm-30);border:none;border-radius:50%;transition:all .2s}.slider::-moz-range-thumb:hover{box-shadow:var(--shadow-primary-md-50);transform:scale(1.2)}.slider::-moz-range-track{background:var(--bg-darkest);border-radius:2px;height:4px}.slider:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-offset)}.slider:disabled{opacity:.5;cursor:not-allowed}@media (prefers-reduced-motion:reduce){@keyframes dialog-spring-in{0%{opacity:0}to{opacity:1}}}.tabs{border-bottom:1px solid var(--border-light);display:flex}.tabs__tab{cursor:pointer;border-radius:8px;justify-content:center;align-items:center;font-family:inherit;font-weight:500;transition:all .2s;display:flex}.tabs__tab{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;border-radius:0;flex:none;padding:12px 16px;font-size:13px;font-weight:500;transition:color .2s,border-color .2s}.tabs__tab:hover:not(:disabled){color:var(--text-primary)}.tabs__tab--active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.tabs__tab{font-family:inherit}.tabs__tab:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-offset)}.tabs__tab:disabled{opacity:.5;cursor:not-allowed}.tabs--sm .tabs__tab{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;border-radius:0;flex:none;padding:6px 12px;font-size:11px;font-weight:500;transition:color .15s,border-color .15s}.tabs--sm .tabs__tab:hover:not(:disabled){color:var(--text-primary)}.tabs--sm .tabs__tab--active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.tabs--sm .tabs__tab:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-offset)}.tabs--full-width .tabs__tab{flex:1}@media (prefers-reduced-motion:reduce){@keyframes dialog-spring-in{0%{opacity:0}to{opacity:1}}}.dropdown-menu{background:rgba(var(--bg-track-rgb), .85);backdrop-filter:blur(16px);border:1px solid var(--border-light);box-shadow:var(--shadow-xl);min-width:160px;padding:var(--space-100);z-index:var(--z-dropdown);border-radius:8px;animation:.15s ease-out dropdown-fade-in}.dropdown-menu__container{z-index:var(--z-dropdown);position:absolute;top:calc(100% + 4px);right:0}.dropdown-menu__container:has(.dropdown-menu--align-left){left:0;right:auto}.dropdown-menu--arrow:before{content:"";background:rgba(var(--bg-track-rgb), .85);border-left:1px solid var(--border-light);border-top:1px solid var(--border-light);width:10px;height:10px;position:absolute;top:-6px;transform:rotate(45deg)}.dropdown-menu--arrow-left:before{left:12px}.dropdown-menu--arrow-right:before{right:12px}.dropdown-menu--arrow-bottom:before{border-top:none;border-left:none;border-right:1px solid var(--border-light);border-bottom:1px solid var(--border-light);top:auto;bottom:-6px}.dropdown-menu__backdrop{z-index:var(--z-dropdown);background:0 0;position:fixed;inset:0}.dropdown-menu__item:focus{outline:var(--focus-ring);outline-offset:var(--focus-offset)}.dropdown-menu__item{width:100%;padding:var(--space-250) var(--space-300);box-shadow:none;color:var(--text-secondary);justify-content:flex-start;align-items:center;gap:var(--space-250);cursor:pointer;background:0 0;border:none;border-radius:4px;font-family:inherit;font-size:13px;font-weight:400;transition:background .15s,color .15s;display:flex}.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--info{cursor:default;pointer-events:none;opacity:.85}.dropdown-menu__item:focus{background:var(--overlay-primary);color:var(--text-primary);outline:none}.dropdown-menu__item-content{gap:var(--space-hairline);flex-direction:column;flex:1;min-width:0;display:flex}.dropdown-menu__item-sublabel{color:var(--text-tertiary);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.dropdown-menu__item-icon{width:20px;color:var(--text-tertiary);justify-content:center;align-items:center;display:flex}.dropdown-menu__item-label{text-align:left;flex:1}.dropdown-menu__item-shortcut{color:var(--text-tertiary);background:var(--overlay-white-06);border:1px solid var(--border-light);padding:var(--space-hairline) var(--space-small-control);margin-left:var(--space-300);border-radius:3px;font-family:inherit;font-size:11px;line-height:1.2}.dropdown-menu__divider{background:var(--border-light);height:1px;margin:var(--space-100) var(--space-200)}@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}}.amp-knob{align-items:center;gap:var(--space-050);cursor:pointer;flex-direction:column;display:flex;position:relative}.amp-knob--dragging{cursor:ns-resize}.amp-knob__label{text-transform:uppercase;letter-spacing:.5px;color:var(--text-tertiary);font-size:10px}.knob-tooltip{padding:var(--space-050) var(--space-150);font-variant-numeric:tabular-nums;color:var(--text-primary);background:var(--bg-darkest);border:1px solid var(--border-light);white-space:nowrap;pointer-events:none;z-index:var(--z-modal);border-radius:3px;font-size:10px;position:fixed}.pan-knob{cursor:pointer}.pan-knob--dragging{cursor:ns-resize}.picker-popup{--picker-title-inline:14px}.picker-popup__backdrop{z-index:var(--z-overlay-top);background:var(--overlay-dark-40);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.picker-popup{background:var(--bg-dark);border:1px solid var(--border-primary);min-width:200px;box-shadow:var(--shadow-lg);border-radius:6px;overflow:hidden}.picker-popup__title{--picker-title-inline:14px;padding:var(--space-250) var(--picker-title-inline) var(--space-150);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:11px;font-weight:600}.picker-popup__list{padding:var(--space-100) var(--space-150) var(--space-200);gap:var(--space-050);flex-direction:column;display:flex}.picker-popup__item{width:100%;padding:var(--space-200) var(--space-250);color:var(--text-secondary);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:4px;font-size:13px;transition:background .1s,color .1s;display:block}.picker-popup__item:hover{background:var(--overlay-primary-light-08);color:var(--text-primary)}.picker-popup__item--active{background:rgba(var(--color-primary-rgb), .12);color:var(--text-primary)}.picker-popup__item--separator{border-top:1px solid var(--border-faint);margin-top:var(--space-050);padding-top:var(--space-250);color:var(--color-primary);font-weight:500}.picker-popup__category{padding:var(--space-150) var(--space-200) var(--space-100);text-transform:uppercase;letter-spacing:.5px;color:var(--text-tertiary);font-size:10px;font-weight:600}.picker-popup__category:not(:first-child){margin-top:var(--space-100);border-top:1px solid var(--border-light);padding-top:var(--space-200)}@media (prefers-reduced-motion:reduce){@keyframes dialog-spring-in{0%{opacity:0}to{opacity:1}}}.text-input{background:var(--bg-darkest);border:1px solid var(--border-light);color:var(--text-primary);width:100%;padding:var(--space-250) var(--space-300);border-radius:6px;font-family:inherit;font-size:14px;transition:border-color .15s}.text-input::placeholder{color:var(--text-tertiary)}.text-input:focus{border-color:var(--color-primary);outline:none}.text-input:disabled{opacity:.5;cursor:not-allowed}@media (prefers-reduced-motion:reduce){@keyframes dialog-spring-in{0%{opacity:0}to{opacity:1}}}.copy-field{background:var(--bg-darkest);border:1px solid var(--border-light);color:var(--text-primary);align-items:center;gap:var(--space-100);width:100%;padding:var(--space-050) var(--space-050) var(--space-050) var(--space-300);border-radius:6px;transition:border-color .15s;display:flex}.copy-field:focus-within{border-color:var(--color-primary)}.copy-field__input{min-width:0;padding:var(--space-150) 0;color:var(--text-primary);text-overflow:ellipsis;background:0 0;border:none;outline:none;flex:1;font-family:inherit;font-size:14px}.copy-field__button--copied{color:var(--color-success)}@media (prefers-reduced-motion:reduce){@keyframes dialog-spring-in{0%{opacity:0}to{opacity:1}}}.text-area{background:var(--bg-darkest);border:1px solid var(--border-light);color:var(--text-primary);width:100%;padding:var(--space-250) var(--space-300);border-radius:6px;font-family:inherit;font-size:14px;transition:border-color .15s}.text-area::placeholder{color:var(--text-tertiary)}.text-area:focus{border-color:var(--color-primary);outline:none}.text-area:disabled{opacity:.5;cursor:not-allowed}.text-area{resize:vertical;min-height:calc(1lh + 22px)}.text-area--auto-resize{resize:vertical;overflow:hidden}.search-field{align-items:center;gap:var(--space-200);min-width:0;display:flex}.search-field--header{padding:var(--space-300) var(--space-400);border-bottom:1px solid var(--border-light)}.search-field--field{min-height:42px;padding:0 var(--space-300);background:var(--bg-darkest);border:1px solid var(--border-light);border-radius:6px;transition:border-color .15s}.search-field--field:hover{border-color:var(--border-strong)}.search-field--field:focus-within{border-color:var(--color-primary)}.search-field__icon{color:var(--text-tertiary);flex-shrink:0;display:flex}.search-field__input{min-width:0;color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;padding:0;font-family:inherit;font-size:13px;line-height:1.2}.search-field__input::placeholder{color:var(--text-disabled)}.search-field--field .search-field__input::placeholder{color:var(--text-tertiary)}.search-field__actions{align-items:center;gap:var(--space-150);flex-shrink:0;display:flex}@media (prefers-reduced-motion:reduce){@keyframes dialog-spring-in{0%{opacity:0}to{opacity:1}}}.browser-row{padding:var(--space-200) var(--space-400);border-bottom:1px solid var(--border-faint);justify-content:space-between;align-items:center;display:flex}.browser-row:hover{background:var(--overlay-primary)}.browser-row{cursor:pointer;user-select:none;border:none;border-bottom:1px solid var(--border-faint);width:100%;color:var(--text-primary);text-align:left;background:0 0;font-family:inherit}.browser-row--selected{background:rgba(var(--color-primary-rgb), .12)}.browser-row--selected:hover{background:rgba(var(--color-primary-rgb), .18)}.browser-row--previewing{background:rgba(var(--color-warning-rgb), .08)}.browser-row--previewing:hover{background:rgba(var(--color-warning-rgb), .12)}.browser-row--active{background:rgba(var(--color-primary-rgb), .08)}.browser-row__info{gap:var(--space-050);flex-direction:column;flex:1;min-width:0;display:flex}.browser-row__title{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:var(--space-150);min-width:0;font-size:13px;font-weight:500;display:flex;overflow:hidden}.browser-row__meta{color:var(--text-tertiary);text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:11px;overflow:hidden}.browser-row__action{margin-left:var(--space-200);flex-shrink:0;align-items:center;gap:4px;display:flex}@media (prefers-reduced-motion:reduce){@keyframes dialog-spring-in{0%{opacity:0}to{opacity:1}}}.browser-list{flex-direction:column;flex:auto;min-height:0;display:flex}.browser-list__categories{gap:var(--space-100);padding:var(--space-200);border-bottom:1px solid var(--border-light);flex-wrap:wrap;display:flex}.browser-list__pill{padding:var(--space-100) var(--space-250);border:1px solid var(--border-light);color:var(--text-secondary);border-radius:12px;font-size:11px;font-weight:500}.browser-list__pill:hover{border-color:var(--border-primary);color:var(--text-primary)}.browser-list__pill--active{background:var(--overlay-primary-medium);border-color:var(--color-primary);color:var(--color-primary)}.browser-list__progress{background:0 0;flex-shrink:0;height:2px;position:relative;overflow:hidden}.browser-list__progress:before{content:"";background:var(--color-primary);opacity:0;border-radius:1px;width:30%;height:100%;position:absolute;top:0;left:0;transform:translate(-100%)}.browser-list__progress--active:before{opacity:1;animation:1.2s ease-in-out infinite browser-list-progress}.browser-list__scroll{flex:1;min-height:0;overflow-y:auto}.browser-list__empty{padding:var(--space-600);text-align:center;color:var(--text-muted);font-size:12px}.browser-list__footer{justify-content:flex-end;gap:var(--space-200);padding:var(--space-200);border-top:1px solid var(--border-light);flex-shrink:0;display:flex}@keyframes browser-list-progress{0%{transform:translate(-100%)}to{transform:translate(433%)}}@media (prefers-reduced-motion:reduce){@keyframes dialog-spring-in{0%{opacity:0}to{opacity:1}}}.confirmation-modal.modal__content{min-width:380px;max-width:440px;padding:var(--space-dialog-header)}.confirmation-modal .modal__body{padding:0}.confirmation-modal .modal__header{margin-bottom:var(--space-400);border-bottom:none;padding:0}.confirmation-modal .modal__header-title{--confirm-dialog-inline:14px;gap:var(--confirm-dialog-inline)}.confirmation-modal .modal__title{font-size:17px}.confirmation-modal .modal__footer{border-top:none;padding:0}.confirmation-modal__body{margin-bottom:var(--space-600);padding:0}.confirmation-modal__text{--confirm-dialog-indent:38px;margin:0 0 0 var(--confirm-dialog-indent);color:var(--text-secondary);font-size:15px;line-height:1.6}.confirmation-modal__buttons{gap:var(--space-250);justify-content:flex-end;display:flex}@media (width<=600px){.confirmation-modal.modal__content{min-width:auto;max-width:calc(100vw - 40px);padding:var(--space-600) var(--space-500)}.confirmation-modal__text{margin-left:0}.confirmation-modal__buttons{gap:var(--space-200);flex-direction:column-reverse}.confirmation-modal__btn{width:100%}}.confirmation-modal__icon{color:var(--color-danger);flex-shrink:0}.confirmation-modal__body--no-icon .confirmation-modal__text{margin-left:0}.confirmation-modal__spinner{animation:1s linear infinite confirmation-modal-spin}@keyframes confirmation-modal-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.confirmation-modal__spinner{margin-right:var(--space-150);vertical-align:text-bottom}@media (prefers-reduced-motion:reduce){@keyframes dialog-spring-in{0%{opacity:0}to{opacity:1}}}.error-boundary{padding:var(--space-800) var(--space-600);background:var(--bg-dark);border:1px solid var(--border-light);text-align:center;justify-content:center;align-items:center;gap:var(--space-400);border-radius:8px;flex-direction:column;min-height:120px;display:flex}.error-boundary__icon{color:var(--color-danger);justify-content:center;align-items:center;display:flex}.error-boundary__content{gap:var(--space-200);flex-direction:column;max-width:400px;display:flex}.error-boundary__title{color:var(--text-primary);margin:0;font-size:16px;font-weight:600}.error-boundary__message{color:var(--text-secondary);word-wrap:break-word;overflow-wrap:break-word;margin:0;font-size:13px;line-height:1.5}.error-boundary__retry{gap:var(--space-200);padding:var(--space-200) var(--space-400);background:var(--overlay-primary);border:1px solid var(--border-light);color:var(--text-primary);font-size:13px}.error-boundary__retry:hover:not(:disabled){background:var(--overlay-primary-medium);border-color:var(--border-strong)}.error-boundary__retry:active:not(:disabled){transform:scale(.98)}.error-boundary--inline{padding:var(--space-400);background:var(--bg-darkest);min-height:80px}.error-boundary--inline .error-boundary__title{font-size:14px}.error-boundary--inline .error-boundary__message{font-size:12px}.error-boundary--fullscreen{background:var(--bg-darkest);z-index:var(--z-modal);padding:var(--space-empty-state-top) var(--space-600);border:none;border-radius:0;position:fixed;inset:0}.error-boundary--fullscreen .error-boundary__icon svg{width:48px;height:48px}.error-boundary--fullscreen .error-boundary__title{font-size:20px}@media (prefers-reduced-motion:reduce){.error-boundary__retry:active:not(:disabled){transform:none}}@media (width<=480px){.error-boundary{padding:var(--space-600) var(--space-400)}.error-boundary__content{max-width:100%}.error-boundary__retry{justify-content:center;width:100%}}@media (prefers-reduced-motion:reduce){@keyframes dialog-spring-in{0%{opacity:0}to{opacity:1}}}.migration-modal.modal__content{min-width:420px;max-width:500px}.migration-modal__header-icon{color:var(--color-primary);flex-shrink:0}.migration-modal__description{margin:0 0 var(--space-400);color:var(--text-secondary);font-size:14px;line-height:1.6}.migration-modal__list{gap:var(--space-200);max-height:240px;padding-right:var(--space-200);margin-right:calc(-1 * var(--space-200));flex-direction:column;display:flex;overflow-y:auto}.migration-modal__list::-webkit-scrollbar{width:6px}.migration-modal__list::-webkit-scrollbar-track{background:0 0}.migration-modal__list::-webkit-scrollbar-thumb{background:var(--overlay-primary-medium);border-radius:3px}.migration-modal__list::-webkit-scrollbar-thumb:hover{background:var(--overlay-primary)}.migration-modal__item{--migration-item-inline:14px;align-items:center;gap:var(--space-300);padding:var(--space-300) var(--migration-item-inline);background:var(--overlay-primary);border:1px solid var(--border-light);cursor:pointer;border-radius:8px;transition:background .15s,border-color .15s;display:flex}.migration-modal__item:hover:not(.migration-modal__item--migrated):not(.migration-modal__item--migrating){background:var(--overlay-primary-medium);border-color:var(--border-strong)}.migration-modal__item--migrated{background:rgba(var(--color-success-rgb,52, 199, 89), .1);border-color:var(--color-success);cursor:default}.migration-modal__item--error{background:rgba(var(--color-danger-rgb,255, 59, 48), .1);border-color:var(--color-danger)}.migration-modal__item--migrating{cursor:wait}.migration-modal__checkbox{width:18px;height:18px;accent-color:var(--color-primary);cursor:inherit;flex-shrink:0}.migration-modal__checkbox:disabled{cursor:inherit}.migration-modal__item-info{gap:var(--space-050);flex-direction:column;flex:1;min-width:0;display:flex}.migration-modal__item-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:500;overflow:hidden}.migration-modal__item-meta{color:var(--text-tertiary);font-size:12px}.migration-modal__item-status{flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;display:flex}.migration-modal__status-icon--success{color:var(--color-success)}.migration-modal__status-icon--error{color:var(--color-danger)}.migration-modal__status-icon--loading{color:var(--color-primary);animation:1s linear infinite migration-spinner}@keyframes migration-spinner{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.migration-modal__btn--primary{gap:var(--space-200)}.migration-modal__btn-loading{animation:1s linear infinite migration-btn-spinner}@keyframes migration-btn-spinner{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.migration-modal__status-icon--loading,.migration-modal__btn-loading{animation-duration:2s}}@media (width<=600px){.migration-modal.modal__backdrop{--modal-reflow-viewport-offset:100px;padding-top:calc(25vh - var(--modal-reflow-viewport-offset))}.migration-modal.modal__content{min-width:auto;max-width:calc(100vw - 32px);margin:0 var(--space-400)}.migration-modal .modal__body{padding:0}.migration-modal__body{padding:var(--space-400) var(--space-500)}.migration-modal .modal__footer{--modal-reflow-inline:14px;gap:var(--space-200);padding:var(--modal-reflow-inline) var(--space-500);flex-direction:column-reverse}.migration-modal__btn{justify-content:center;width:100%}.migration-modal__list{max-height:200px}}@media (height<=600px){.migration-modal.modal__backdrop{padding-top:var(--space-modal-top);align-items:flex-start}.migration-modal__list{max-height:150px}}@media (prefers-reduced-motion:reduce){@keyframes dialog-spring-in{0%{opacity:0}to{opacity:1}}}.stem-modal.modal__content{min-width:420px;max-width:500px}.stem-modal__clip-name{margin:0 0 var(--space-400);color:var(--text-secondary);font-size:14px}.stem-modal__clip-name strong{color:var(--text-primary)}.stem-modal__gpu-status{align-items:center;gap:var(--space-250);--stem-inline:14px;padding:var(--space-250) var(--stem-inline);background:var(--overlay-primary);border:1px solid var(--border-light);color:var(--text-tertiary);margin-bottom:var(--space-500);border-radius:8px;font-size:13px;display:flex}.stem-modal__gpu-status svg{color:var(--text-muted);flex-shrink:0}.stem-modal__gpu-status--gpu{background:rgba(var(--color-success-rgb), .1);border-color:rgba(var(--color-success-rgb), .3);color:var(--color-success)}.stem-modal__gpu-status--gpu svg{color:var(--color-success)}.stem-modal__model-select{gap:var(--space-250);flex-direction:column;display:flex}.stem-modal__label{color:var(--text-secondary);margin-bottom:var(--space-100);font-size:13px}.stem-modal__model-option{align-items:flex-start;gap:var(--space-300);--stem-inline:14px;padding:var(--stem-inline) var(--space-400);background:var(--overlay-primary);border:1px solid var(--border-light);cursor:pointer;border-radius:8px;transition:background .15s,border-color .15s;display:flex}.stem-modal__model-option:hover{background:var(--overlay-primary-medium);border-color:var(--border-strong)}.stem-modal__model-option--selected{background:var(--overlay-primary-medium);border-color:var(--color-primary)}.stem-modal__radio{width:18px;height:18px;margin-top:var(--space-050);accent-color:var(--color-primary);cursor:inherit;flex-shrink:0}.stem-modal__model-info{gap:var(--space-100);flex-direction:column;display:flex}.stem-modal__model-info strong{color:var(--text-primary);font-size:14px;font-weight:500}.stem-modal__model-stems{color:var(--text-tertiary);font-size:12px;line-height:1.4}.stem-modal__model-size{color:var(--text-muted);margin-top:var(--space-050);font-size:11px}.stem-modal__progress{margin-top:var(--space-100)}.stem-modal__progress-bar{background:var(--overlay-primary);height:8px;margin-bottom:var(--space-250);border-radius:4px;overflow:hidden}.stem-modal__progress-fill{background:var(--bg-gradient-primary);border-radius:4px;height:100%;transition:width .3s}.stem-modal__progress-fill--processing{position:relative;overflow:hidden}.stem-modal__progress-fill--processing:after{content:"";background:linear-gradient(90deg, transparent 0%, var(--overlay-white-30) 50%, transparent 100%);animation:1.5s ease-in-out infinite stem-shimmer;position:absolute;inset:0}.stem-modal__progress-text{color:var(--text-secondary);justify-content:space-between;font-size:13px;display:flex}.stem-modal__progress-time{color:var(--text-tertiary);margin-top:var(--space-200);justify-content:space-between;font-size:12px;display:flex}.stem-modal__elapsed{font-variant-numeric:tabular-nums}.stem-modal__eta{color:var(--text-muted)}.stem-modal__status{align-items:center;gap:var(--space-300);--stem-inline:14px;padding:var(--stem-inline) var(--space-400);margin-top:var(--space-400);border-radius:8px;font-size:14px;display:flex}.stem-modal__status svg{flex-shrink:0}.stem-modal__status--success{background:rgba(var(--color-success-rgb), .12);border:1px solid rgba(var(--color-success-rgb), .3);color:var(--color-success)}.stem-modal__status--error{background:rgba(var(--color-danger-rgb), .12);border:1px solid rgba(var(--color-danger-rgb), .3);color:var(--color-danger)}.stem-modal__status--cancelled{background:var(--overlay-primary);border:1px solid var(--border-light);color:var(--text-secondary)}.stem-modal__btn--danger{gap:var(--space-200)}.stem-modal__btn-loading{animation:1s linear infinite stem-btn-spinner}@keyframes stem-btn-spinner{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.stem-modal__results{text-align:center;padding:var(--space-500) 0}.stem-modal__results-icon{background:rgba(var(--color-success-rgb), .15);width:64px;height:64px;color:var(--color-success);margin-bottom:var(--space-500);border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.stem-modal__results-summary{color:var(--text-secondary);margin:0 0 var(--space-500);font-size:14px}.stem-modal__results-summary strong{color:var(--text-primary)}.stem-modal__results-stems{justify-content:center;gap:var(--space-200);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.stem-modal__results-stem{align-items:center;gap:var(--space-150);--stem-inline:14px;padding:var(--space-200) var(--stem-inline);background:var(--overlay-primary);color:var(--text-primary);border-radius:20px;font-size:13px;display:flex}.stem-modal__results-stem svg{color:var(--color-primary)}@keyframes stem-shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@media (prefers-reduced-motion:reduce){.stem-modal__btn-loading{animation-duration:2s}.stem-modal__progress-fill{transition:width .1s}}@media (width<=600px){.stem-modal.modal__backdrop{--modal-reflow-viewport-offset:100px;padding-top:calc(25vh - var(--modal-reflow-viewport-offset))}.stem-modal.modal__content{min-width:auto;max-width:calc(100vw - 32px);margin:0 var(--space-400)}.stem-modal .modal__body{padding:0}.stem-modal__body{padding:var(--space-400) var(--space-500)}.stem-modal .modal__footer{--modal-reflow-inline:14px;gap:var(--space-200);padding:var(--modal-reflow-inline) var(--space-500);flex-direction:column-reverse}.stem-modal__btn{justify-content:center;width:100%}.stem-modal__model-option{--stem-mobile-inline:14px;padding:var(--space-300) var(--stem-mobile-inline)}}@media (height<=600px){.stem-modal.modal__backdrop{padding-top:var(--space-modal-top);align-items:flex-start}}@media (prefers-reduced-motion:reduce){@keyframes dialog-spring-in{0%{opacity:0}to{opacity:1}}}.unsaved-changes-modal.modal__content{min-width:380px;max-width:440px;padding:var(--space-dialog-header)}.unsaved-changes-modal .modal__body{padding:0}.unsaved-changes-modal .modal__header{margin-bottom:var(--space-400);border-bottom:none;padding:0}.unsaved-changes-modal .modal__header-title{--confirm-dialog-inline:14px;gap:var(--confirm-dialog-inline)}.unsaved-changes-modal .modal__title{font-size:17px}.unsaved-changes-modal .modal__footer{border-top:none;padding:0}.unsaved-changes-modal__body{margin-bottom:var(--space-600);padding:0}.unsaved-changes-modal__text{--confirm-dialog-indent:38px;margin:0 0 0 var(--confirm-dialog-indent);color:var(--text-secondary);font-size:15px;line-height:1.6}.unsaved-changes-modal__buttons{gap:var(--space-250);justify-content:flex-end;display:flex}@media (width<=600px){.unsaved-changes-modal.modal__content{min-width:auto;max-width:calc(100vw - 40px);padding:var(--space-600) var(--space-500)}.unsaved-changes-modal__text{margin-left:0}.unsaved-changes-modal__buttons{gap:var(--space-200);flex-direction:column-reverse}.unsaved-changes-modal__btn{width:100%}}.unsaved-changes-modal__icon--warning{color:var(--color-warning)}.unsaved-changes-modal__btn--discard{border:1px solid var(--border-light)}@media (prefers-reduced-motion:reduce){@keyframes dialog-spring-in{0%{opacity:0}to{opacity:1}}}.consent-banner{background:var(--bg-dark);border-top:1px solid var(--border-light);box-shadow:0 -2px 10px var(--overlay-black-30);z-index:var(--z-banner);padding:1.5rem;animation:.3s ease-out consent-slide-up;position:fixed;bottom:0;left:0;right:0}.consent-banner__content{flex-wrap:wrap;align-items:center;gap:1.5rem;max-width:1100px;margin:0 auto;display:flex}.consent-banner__text{color:var(--text-secondary);flex:300px;font-size:.9rem;line-height:1.5}.consent-banner__text p{margin:0}.consent-banner__actions{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.consent-banner__btn{border:1px solid var(--border-primary);color:var(--text-primary);cursor:pointer;background:0 0;border-radius:8px;padding:.5rem 1.25rem;font-family:inherit;font-size:.95rem;font-weight:500;transition:all .2s}.consent-banner__btn:hover{background:var(--overlay-primary);border-color:var(--color-primary)}.consent-banner__btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.consent-banner__btn{white-space:nowrap}.consent-modal-backdrop{z-index:var(--z-dropdown);background:var(--overlay-black-60);z-index:var(--z-banner-modal);justify-content:center;align-items:center;padding:1rem;animation:.2s ease-out consent-fade-in;display:flex;position:fixed;inset:0}.consent-modal{background:var(--bg-dark);border:1px solid var(--border-light);border-radius:16px;flex-direction:column;width:100%;max-width:600px;max-height:80vh;animation:.3s ease-out consent-slide-up;display:flex}.consent-modal__header{border-bottom:1px solid rgba(var(--color-primary-rgb), .1);justify-content:space-between;align-items:center;padding:1.25rem;display:flex}.consent-modal__title{color:var(--text-primary);margin:0;font-size:1.25rem;font-weight:600}.consent-modal__close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:.25rem;font-size:1.5rem;line-height:1;transition:color .2s}.consent-modal__close:hover{color:var(--text-primary)}.consent-modal__close:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.consent-modal__body{flex:1;padding:1.25rem;overflow-y:auto}.consent-modal__description{color:var(--text-secondary);margin-bottom:1.25rem;font-size:.9rem;line-height:1.5}.consent-modal__footer{border-top:1px solid rgba(var(--color-primary-rgb), .1);justify-content:space-between;align-items:center;gap:.5rem;padding:1rem 1.25rem;display:flex}.consent-modal__footer-group{gap:.5rem;display:flex}.consent-category{border-bottom:1px solid rgba(var(--color-primary-rgb), .1);margin-bottom:1.25rem;padding-bottom:1.25rem}.consent-category:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.consent-category__header{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.consent-category__info{flex:1}.consent-category__title{color:var(--text-primary);margin:0;font-size:1rem;font-weight:600}.consent-category__badge{text-transform:uppercase;color:var(--color-success);background:rgba(var(--color-success-rgb), .1);border-radius:4px;margin-left:.5rem;padding:.15rem .4rem;font-size:.7rem;font-weight:600;display:inline-block}.consent-category__description{color:var(--text-muted);margin-top:.5rem;font-size:.85rem;line-height:1.4}.consent-toggle{flex-shrink:0;width:44px;height:24px;position:relative}.consent-toggle__input{opacity:0;width:0;height:0;position:absolute}.consent-toggle__input:checked+.consent-toggle__slider{background:var(--color-primary)}.consent-toggle__input:checked+.consent-toggle__slider:before{transform:translate(20px)}.consent-toggle__input:disabled+.consent-toggle__slider{opacity:.5;cursor:not-allowed}.consent-toggle__input:focus-visible+.consent-toggle__slider{outline:2px solid var(--color-primary);outline-offset:2px}.consent-toggle__slider{background:var(--overlay-white-15);cursor:pointer;border-radius:12px;transition:background .2s;position:absolute;inset:0}.consent-toggle__slider:before{content:"";background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .2s;position:absolute;bottom:3px;left:3px}@keyframes consent-fade-in{0%{opacity:0}to{opacity:1}}@keyframes consent-slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (width<=479px){.consent-banner__content{flex-direction:column;align-items:stretch}.consent-banner__actions{flex-direction:column}.consent-banner__btn{text-align:center;width:100%}.consent-modal{border-radius:0;height:100vh;max-height:100vh}.consent-modal__footer{flex-direction:column}.consent-modal__footer .consent-banner__btn{text-align:center;width:100%}.consent-modal__footer-group{flex-direction:column;width:100%}}@media (prefers-reduced-motion:reduce){.consent-banner,.consent-modal-backdrop,.consent-modal{transition:none;animation:none}@keyframes dialog-spring-in{0%{opacity:0}to{opacity:1}}}.update-banner{background:var(--bg-dark);border-top:1px solid var(--border-light);box-shadow:0 -2px 10px var(--overlay-black-30);z-index:var(--z-banner-update);padding:.75rem 1rem;animation:.3s ease-out update-banner-slide-up;position:fixed;bottom:0;left:0;right:0}.update-banner__content{flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;max-width:1100px;margin:0 auto;display:flex}.update-banner__text{color:var(--text-secondary);flex:auto;margin:0;font-size:.9rem;line-height:1.4}.update-banner__actions{flex-shrink:0;gap:.5rem;display:flex}.update-banner__btn{border:1px solid var(--border-primary);color:var(--text-primary);cursor:pointer;background:0 0;border-radius:6px;padding:.4rem 1rem;font-family:inherit;font-size:.9rem;font-weight:500;transition:all .2s}.update-banner__btn:hover{background:var(--overlay-primary);border-color:var(--color-primary)}.update-banner__btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.update-banner__btn--primary{background:var(--color-primary);border-color:var(--color-primary);color:var(--bg-dark)}.update-banner__btn--primary:hover{background:var(--color-primary);opacity:.9}.update-banner__btn:disabled{opacity:.6;cursor:not-allowed}@keyframes update-banner-slide-up{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@media (width<=479px){.update-banner__content{flex-direction:column;align-items:stretch}.update-banner__actions{justify-content:center}}@media (prefers-reduced-motion:reduce){.update-banner{animation:none}@keyframes dialog-spring-in{0%{opacity:0}to{opacity:1}}}.start-page{background:linear-gradient(135deg, var(--bg-darkest) 0%, var(--bg-dark) 100%);z-index:var(--z-page);justify-content:center;align-items:flex-start;display:flex;position:fixed;inset:0;overflow-y:auto}.start-page:before{content:"";pointer-events:none;background:radial-gradient(ellipse 80% 50% at 50% 0%, rgba(var(--color-primary-rgb), .12) 0%, transparent 70%);position:absolute;inset:0}.start-page__auth{z-index:1;position:absolute;top:16px;right:16px}.start-page__auth-btn{--start-auth-vertical:7px;--start-control-inline:14px;padding:var(--start-auth-vertical) var(--start-control-inline);border:1px solid var(--border-chrome);color:var(--text-secondary);cursor:pointer;box-shadow:none;background:0 0;border-radius:6px;font-family:inherit;font-size:13px;font-weight:400;transition:color .1s;transform:none}.start-page__auth-btn:hover{color:var(--text-primary);border-color:var(--border-chrome);box-shadow:none;background:0 0;transform:none}.start-page__user{all:unset;box-sizing:border-box;align-items:center;gap:var(--space-200);padding:var(--space-small-control) var(--space-200) var(--space-small-control) var(--space-small-control);border:1px solid var(--border-chrome);cursor:pointer;background:0 0;border-radius:6px;transition:border-color .1s;display:flex}.start-page__user:hover{border-color:var(--overlay-white-15)}.start-page__user-avatar{object-fit:cover;border-radius:50%;width:24px;height:24px}.start-page__user-name{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;max-width:120px;font-size:13px;overflow:hidden}.start-page__signout-icon{color:var(--text-disabled);transition:color .1s}.start-page__user:hover .start-page__signout-icon{color:var(--text-primary)}.start-page__content{z-index:1;width:100%;max-width:480px;padding:0 var(--space-800);margin-top:12vh;margin-bottom:var(--space-800);position:relative}.start-page__header{margin-bottom:var(--space-800);flex-direction:column;align-items:center;display:flex}.start-page__topo{z-index:0;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.start-page__topo-drift{animation:15s ease-in-out infinite start-page-topo-drift}.start-page__logo{width:clamp(160px,50vw,260px);height:auto;display:block}.start-page__subtitle{margin:var(--space-300) 0 0;color:var(--text-muted);font-size:14px}.start-page__actions{margin-bottom:var(--space-600)}.start-page__new-btn{--start-control-inline:14px;width:100%;padding:var(--start-control-inline) var(--space-500);background:var(--bg-gradient-primary);color:#fff;gap:var(--space-250);border:none;font-size:15px}.start-page__new-btn:hover:not(:disabled){background:var(--bg-gradient-primary-hover);box-shadow:none;transform:none}.start-page__new-btn:disabled{opacity:.6}.start-page__section-title{margin:0 0 var(--space-150);padding:0 var(--space-100);color:var(--text-disabled);text-transform:uppercase;letter-spacing:.8px;font-size:11px;font-weight:500}.start-page__empty{padding:var(--space-500) var(--space-100);color:var(--text-muted);margin:0;font-size:13px}.start-page__list{padding:var(--space-100);background:var(--bg-overlay-faint);border:1px solid var(--border-subtle);border-radius:10px;flex-direction:column;gap:0;max-height:320px;margin:0;list-style:none;display:flex;overflow-y:auto}.start-page__project{all:unset;box-sizing:border-box;width:100%;padding:var(--space-200) var(--space-250);color:var(--text-primary);cursor:pointer;align-items:center;gap:var(--space-250);border-radius:6px;transition:background .1s;display:flex}.start-page__project:hover{background:var(--bg-overlay-faint)}.start-page__project:active{background:var(--bg-overlay-subtle)}.start-page__project:focus-visible{box-shadow:inset 0 0 0 1px var(--overlay-white-15)}.start-page__project:disabled{opacity:.5;cursor:not-allowed}.start-page__project-icon{color:var(--text-disabled);flex-shrink:0;transition:color .1s}.start-page__project:hover .start-page__project-icon{color:var(--text-tertiary)}.start-page__project-info{gap:var(--space-050);flex-direction:column;flex:1;min-width:0;display:flex}.start-page__project-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:500;overflow:hidden}.start-page__project-meta{color:var(--text-disabled);font-size:11px}.start-page__loading-overlay{justify-content:center;align-items:center;gap:var(--space-300);background:var(--overlay-dark-70);color:var(--text-primary);z-index:var(--z-dropdown);flex-direction:column;font-size:14px;display:flex;position:fixed;inset:0}.start-page__shares{margin-top:var(--space-600)}.start-page__share-item{padding:var(--space-200) var(--space-250);border-radius:6px;justify-content:space-between;align-items:center;transition:background .1s;display:flex}.start-page__share-item:hover{background:var(--bg-overlay-faint)}.start-page__share-info{align-items:center;gap:var(--space-250);flex:1;min-width:0;display:flex}.start-page__share-icon{color:var(--text-disabled);flex-shrink:0;transition:color .1s}.start-page__share-item:hover .start-page__share-icon{color:var(--text-tertiary)}.start-page__share-details{gap:var(--space-050);flex-direction:column;min-width:0;display:flex}.start-page__share-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:500;overflow:hidden}.start-page__share-meta{color:var(--text-disabled);font-size:11px}.start-page__share-actions{gap:var(--space-050);flex-shrink:0;display:flex}.start-page__share-action{all:unset;padding:var(--space-150);color:var(--text-disabled);cursor:pointer;opacity:0;border-radius:4px;justify-content:center;align-items:center;transition:opacity .1s,color .1s;display:flex}.start-page__share-item:hover .start-page__share-action{opacity:1}.start-page__share-action:hover{color:var(--text-primary)}.start-page__share-action--delete:hover{color:var(--color-danger)}@keyframes start-page-topo-drift{0%,to{transform:translate(0)}50%{transform:translate(20px)}}@media (prefers-reduced-motion:reduce){.start-page__topo-drift{animation:none}@keyframes dialog-spring-in{0%{opacity:0}to{opacity:1}}}.not-found-page{background:var(--bg-gradient-main);z-index:var(--z-page);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.not-found-page__content{text-align:center;max-width:400px;padding:var(--space-800)}.not-found-page__icon{color:var(--color-warning);margin-bottom:var(--space-500)}.not-found-page__title{margin:0 0 var(--space-300);color:var(--text-primary);font-size:24px;font-weight:600}.not-found-page__message{margin:0 0 var(--space-600);color:var(--text-secondary);font-size:14px;line-height:1.6}.not-found-page__btn{padding:var(--space-300) var(--space-600);background:var(--bg-gradient-primary);color:#fff;gap:var(--space-200);box-shadow:var(--shadow-primary-md);border:none;font-size:14px;display:inline-flex}.not-found-page__btn:hover{background:var(--bg-gradient-primary-hover);box-shadow:var(--shadow-primary-hover);transform:translateY(-2px)}@media (prefers-reduced-motion:reduce){@keyframes dialog-spring-in{0%{opacity:0}to{opacity:1}}}.auth-callback{background:var(--bg-darkest);height:100vh;color:var(--text-primary);flex-direction:column;justify-content:center;align-items:center;gap:1rem;display:flex}.auth-callback__spinner{animation:1s linear infinite auth-callback-spin}@keyframes auth-callback-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.auth-callback__text{color:var(--text-secondary);font-size:.875rem}@media (prefers-reduced-motion:reduce){@keyframes dialog-spring-in{0%{opacity:0}to{opacity:1}}}.protected-route__loading{background:var(--bg-darkest);justify-content:center;align-items:center;height:100vh;display:flex}.protected-route__spinner{color:var(--text-secondary);animation:1s linear infinite protected-route-spin}@keyframes protected-route-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){@keyframes dialog-spring-in{0%{opacity:0}to{opacity:1}}}.sign-in-page{background:var(--bg-darkest);justify-content:center;align-items:center;min-height:100vh;display:flex}.sign-in-page__content{text-align:center;flex-direction:column;align-items:center;gap:1.5rem;padding:3rem;display:flex}.sign-in-page__logo{width:auto;height:48px;display:block}.sign-in-page__message{color:var(--text-secondary);max-width:280px;margin:0;font-size:1rem}.sign-in-page__btn{color:var(--text-on-primary);background:var(--color-primary);border:none;gap:.5rem;padding:.875rem 1.5rem;font-size:1rem}.sign-in-page__btn:hover:not(:disabled){background:var(--color-primary-hover)}.sign-in-page__btn:active:not(:disabled){background:var(--color-primary-active)}.sign-in-page__disclaimer{color:var(--text-muted);margin:0;font-size:.75rem}.sign-in-page__back{color:var(--text-muted);font-size:.875rem;text-decoration:none;transition:color .2s}.sign-in-page__back:hover{color:var(--text-secondary)}.sign-in-page__legal{color:var(--text-muted);text-align:center;max-width:280px;font-size:.75rem;line-height:1.5}.sign-in-page__legal a{color:var(--text-secondary);text-decoration:underline;transition:color .2s}.sign-in-page__legal a:hover{color:var(--text-primary)}@media (prefers-reduced-motion:reduce){@keyframes dialog-spring-in{0%{opacity:0}to{opacity:1}}}.pending-page{background:var(--bg-gradient-main);z-index:var(--z-page);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.pending-page__content{width:100%;max-width:400px;padding:var(--space-800);text-align:center}.pending-page__header{margin-bottom:var(--space-800)}.pending-page__logo{width:auto;height:48px;margin:0 auto;display:block}.pending-page__message{background:rgba(var(--bg-track-rgb), .85);backdrop-filter:blur(16px);border:1px solid var(--border-light);box-shadow:var(--shadow-xl);padding:var(--space-600);margin-bottom:var(--space-600);border-radius:8px}.pending-page__message-title{margin:0 0 var(--space-300);color:var(--text-primary);font-size:18px;font-weight:600}.pending-page__message-text{color:var(--text-secondary);margin:0;font-size:14px;line-height:1.5}.pending-page__user{justify-content:center;align-items:center;gap:var(--space-300);padding:var(--space-300) var(--space-400);background:var(--overlay-primary);border:1px solid var(--border-light);border-radius:8px;display:flex}.pending-page__user-avatar{object-fit:cover;border-radius:50%;width:32px;height:32px}.pending-page__user-name{color:var(--text-primary);text-align:left;flex:1;font-size:14px}.pending-page__signout-btn{padding:var(--space-200) var(--space-300);border:1px solid var(--border-light);color:var(--text-secondary);gap:var(--space-150);cursor:pointer;background:0 0;font-size:13px}.pending-page__signout-btn:hover{background:var(--overlay-primary);color:var(--text-primary);border-color:var(--border-primary)}:root{--color-primary:#5580ff;--color-primary-hover:#4470f2;--color-primary-active:#3560d8;--color-primary-rgb:85, 128, 255;--bg-darkest:#0d1321;--bg-dark:#131a2b;--bg-medium:#303c5a;--bg-track:#161d31;--bg-track-rgb:22, 29, 49;--text-primary:#ffffffde;--text-secondary:#ffffffb3;--text-tertiary:#fff9;--text-muted:#ffffff8c;--text-disabled:#fff6;--text-on-primary:#fff;--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);--border-faint:#ffffff0a;--border-subtle:#ffffff12;--border-chrome:#ffffff1a;--bg-overlay-faint:#ffffff0a;--bg-overlay-subtle:#ffffff12;--color-danger:#ff3b30;--color-danger-hover:#ff453a;--color-danger-active:#ff2d20;--color-danger-light-20:#ff3b3033;--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:#fa3;--color-warning-active:#f80;--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:#0006;--overlay-dark-70:#000000b3;--shadow-sm:0 2px 4px #0003;--shadow-sm-30:0 2px 4px #0000004d;--shadow-md:0 2px 8px #0003;--shadow-lg:0 4px 12px #0000004d;--shadow-xl:0 8px 32px #0006;--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, #131a2bcc 0%, #16213ecc 100%);--bg-gradient-container-hover:linear-gradient(135deg, #131a2be6 0%, #16213ee6 100%);--bg-gradient-toolbar:linear-gradient(135deg, #303c5ab3 0%, #16213eb3 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-toolbar:#16213e;--bg-toolbar-input:#080b14;--bg-timescale:#131a2b;--bg-timescale-upper:#172035;--bg-sidebar-body:linear-gradient(180deg, #182344 0%, #131c38 100%);--bg-track-sidebar:linear-gradient(180deg, #1f2a4a 0%, #1a2440 100%);--bg-track-sidebar-hover:linear-gradient(180deg, #2a3558 0%, #24304e 100%);--bg-knob-fill:#6b7a9e;--bg-knob-stroke:#8a9bc0;--bg-track-alpha-60:rgba(var(--bg-track-rgb), .6);--bg-track-alpha-40:rgba(var(--bg-track-rgb), .4);--bg-medium-alpha-50:#303c5a80;--bg-medium-alpha-60:#303c5a99;--bg-medium-alpha-70:#303c5ab3;--bg-medium-alpha-30:#303c5a4d;--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:220px;--z-timeline:1;--z-cursor:2;--z-playhead-overlay:2;--z-sidebar-background:3;--z-sidebar:4;--z-toolbar:5;--z-scrollbar:10;--z-page:50;--z-floating-panel:50;--z-dropdown:100;--z-floating-panel-raised:101;--z-banner:1000;--z-banner-modal:1001;--z-banner-update:1500;--z-modal:9999;--z-overlay-top:10000;--track-color-0:#ffb433;--track-color-1:#59bbe8;--track-color-2:#00e6ac;--track-color-3:#f1e541;--track-color-4:#1a9fff;--track-color-5:#ff7729;--track-color-6:#cf77ab;--track-color-7:#a6a6a6;--scrollbar-height:10px;--scrollbar-fade-duration:.2s;--scrollbar-fade-easing:ease-out;--meter-bg:#0000004d;--meter-low-dark:#059669;--meter-low:#22c55e;--meter-mid:#eab308;--meter-high:#f97316;--meter-clip:#ef4444;--meter-clip-dark:#dc2626;--meter-reference-marker:#fff6;--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:#ff3b3099;--color-record-active:#ff453a;--color-record-rgb:255, 59, 48;--shadow-record-glow:0 0 12px #ff3b3080;--space-050:2px;--space-100:4px;--space-150:6px;--space-200:8px;--space-250:10px;--space-300:12px;--space-400:16px;--space-500:20px;--space-600:24px;--space-800:32px;--panel-header-padding:var(--space-200) var(--space-300);--panel-padding:var(--space-300) var(--space-500) var(--space-500);--stack-gap:var(--space-300);--space-hairline:1px;--space-compact:3px;--space-small-control:5px;--space-dialog-header:28px;--space-modal-top:40px;--space-modal-top-third:calc(30vh - 120px);--space-empty-state-top:48px}@media (hover:none){:root{--scrollbar-height:6px}}:root{--color-loop:#ffa000;--color-loop-rgb:255, 160, 0;--color-loop-region:#ffa00026;--color-loop-region-disabled:#ffa0000f;--color-loop-border:#ffa00099;--overlay-loop-medium-12:rgba(var(--color-loop-rgb), .12);--color-white:#fff;--color-output-label:#8aa0a8;--color-solo-active:#ffffad;--color-piano-roll-error:#f44;--color-piano-roll-warning:#fa0;--color-melody-error:#f55;--color-melody-error-background:#ff3c3c1a;--color-fader-mid:#3c4a68;--color-fader-light:#465373;--color-fader-highlight:#5c6a8b;--overlay-white-01:#ffffff03;--overlay-white-02:#ffffff05;--overlay-white-03:#ffffff08;--overlay-white-08:#ffffff14;--overlay-white-10:#ffffff1a;--overlay-white-12:#ffffff1f;--overlay-white-14:#ffffff24;--overlay-white-15:#ffffff26;--overlay-white-16:#ffffff29;--overlay-white-30:#ffffff4d;--overlay-white-40:#fff6;--overlay-white-60:#fff9;--overlay-white-85:#ffffffd9;--overlay-white-90:#ffffffe6;--overlay-white-06:#ffffff0f;--overlay-white-05:#ffffff0d;--overlay-white-50:#ffffff80;--overlay-black-20:#0003;--overlay-black-30:#0000004d;--overlay-black-35:#00000059;--overlay-black-40:#0006;--overlay-black-45:#00000073;--overlay-black-80:#000c;--overlay-chord:#648cdc26;--overlay-chord-hover:#648cdc40;--overlay-chord-selected:#648cdc4d;--overlay-chord-new:#648cdc1a;--border-chord:#ffffff1a;--border-chord-input:#ffffff4d;--shadow-channel:0 2px 4px 0 #0000001a;--shadow-track-color:0 1px 3px #0000004d;--shadow-fader-rail:inset 1px 1px 3px #000c, inset -1px 0 2px #0006, 0 0 1px #ffffff0a;--shadow-fader-thumb:0 2px 6px #00000080, 0 1px 2px #0000004d, inset 0 1px 0 #ffffff1a;--shadow-fader-groove:0 1px 0 #ffffff0f;--overlay-black-25:#00000040;--overlay-black-50:#00000080;--overlay-black-60:#0009;--border-loop-disabled:#ffa0004d;--shadow-piano-roll-playhead:0 0 6px #f5a62399;--shadow-meter-inset:inset 1px 1px 2px #0009;--shadow-captcha:0 8px 32px #00000080;--shadow-neutral-sm:0 1px 3px #0000004d;--overlay-solo-active:#ffffad14;--overlay-solo-active-hover:#ffffad29;--output-focus-ring:#73edb04d;--app-track-surface:#1a1a2ecc;--app-track-surface-muted:#1a1a2e99;--piano-roll-selected-bg:#64b4ff33;--piano-roll-selected-color:#64b4ff}@media (prefers-reduced-motion:reduce){@keyframes dialog-spring-in{0%{opacity:0}to{opacity:1}}}:root{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;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}html{touch-action:manipulation;overscroll-behavior:none}*{box-sizing:border-box}body{background:var(--bg-gradient-main);touch-action:manipulation;overscroll-behavior:none;min-width:320px;min-height:100vh;margin:0;display:flex}#root{width:100%;margin:0 auto;padding:0}button{cursor:pointer;font-family:inherit}.playlist{--wp-controls-border-color:var(--border-primary);--wp-controls-background-color:var(--bg-medium-alpha-60);--wp-tracks-container-background-color:var(--app-track-surface);--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{backdrop-filter:blur(10px);background:var(--bg-medium-alpha-60)!important;border:1px solid var(--border-primary)!important}.playlist .controls label{color:var(--text-primary)}.playlist .playlist-time-scale{border-bottom:1px solid var(--border-primary);color:var(--text-secondary);background:var(--bg-medium-alpha-50)!important}.playlist .playlist-tracks{background:var(--app-track-surface-muted)!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))}}