@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";.modal-overlay{position:fixed;inset:0;z-index:500;display:flex;align-items:center;justify-content:center;background:var(--color-overlay);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:modal-fade-in .2s ease}.modal-content{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;box-shadow:var(--shadow-xl);max-width:520px;width:90%;max-height:85vh;overflow-y:auto;animation:modal-slide-up .35s ease}.modal-content::-webkit-scrollbar{width:6px;height:6px}.modal-content::-webkit-scrollbar-track{background:transparent}.modal-content::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}.modal-content::-webkit-scrollbar-thumb:hover{background:var(--color-border-hover)}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-bottom:1px solid var(--color-border)}.modal-title{font-size:1.125rem;font-weight:600}.modal-close{border:none;background:none;padding:0;margin:0;cursor:pointer;font:inherit;color:inherit;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;color:var(--color-text-secondary);transition:all .12s ease}.modal-close:hover{background:var(--color-surface-hover);color:var(--color-text-primary)}.modal-body{padding:24px}@keyframes modal-fade-in{0%{opacity:0}to{opacity:1}}@keyframes modal-slide-up{0%{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.shortcut-help{display:flex;flex-direction:column;gap:24px}.shortcut-help__category-title{font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-tertiary);margin-bottom:12px}.shortcut-help__list{display:flex;flex-direction:column;gap:4px}.shortcut-help__item{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border-radius:4px;transition:background .12s ease}.shortcut-help__item:hover{background:var(--color-surface-hover)}.shortcut-help__description{font-size:.75rem;color:var(--color-text-primary)}.shortcut-help__keys{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;font-family:JetBrains Mono,Fira Code,Consolas,monospace;font-size:.6875rem;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:4px;color:var(--color-text-secondary);white-space:nowrap}.tooltip-wrapper{position:relative;display:inline-flex}.tooltip{position:fixed;z-index:700;padding:4px 8px;font-size:.6875rem;font-weight:500;color:var(--color-text-inverse);background:var(--color-text-primary);border-radius:4px;white-space:nowrap;pointer-events:none;opacity:0;animation:tooltip-fade-in .15s ease forwards}.tooltip--wide{white-space:normal;max-width:260px;text-align:left;line-height:1.45;font-weight:400}.tooltip--top{animation-name:tooltip-slide-down}.tooltip--bottom{animation-name:tooltip-slide-up}.tooltip--left{animation-name:tooltip-slide-right}.tooltip--right{animation-name:tooltip-slide-left}@keyframes tooltip-slide-down{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes tooltip-slide-up{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@keyframes tooltip-slide-right{0%{opacity:0;transform:translate(4px)}to{opacity:1;transform:translate(0)}}@keyframes tooltip-slide-left{0%{opacity:0;transform:translate(-4px)}to{opacity:1;transform:translate(0)}}.header{display:flex;align-items:center;justify-content:space-between;height:56px;padding:0 16px;background:var(--color-surface);border-bottom:1px solid var(--color-border);z-index:200;transition:background-color .3s ease,border-color .3s ease}.header__left{display:flex;align-items:center;gap:12px}.header__menu-btn{border:none;background:none;padding:0;margin:0;cursor:pointer;font:inherit;color:inherit;display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;color:var(--color-text-secondary);transition:all .12s ease}.header__menu-btn:hover{background:var(--color-surface-hover);color:var(--color-text-primary)}@media(min-width:768px){.header__menu-btn{display:none}}.header__brand{display:flex;align-items:center;gap:8px}.header__logo{color:var(--color-primary)}.header__title{font-size:1.125rem;font-weight:700;color:var(--color-text-primary);letter-spacing:-.02em}.header__right{display:flex;align-items:center;gap:8px}.header__saved-label{font-size:.6875rem;color:var(--color-text-tertiary);margin-right:8px}@media(max-width:479px){.header__saved-label{display:none}}.header__icon-btn{border:none;background:none;padding:0;margin:0;cursor:pointer;font:inherit;color:inherit;display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;color:var(--color-text-secondary);transition:all .12s ease}.header__icon-btn:hover{background:var(--color-surface-hover);color:var(--color-text-primary)}.header__icon-btn:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px}.confirm-dialog{display:flex;flex-direction:column;gap:20px}.confirm-dialog__body{display:flex;align-items:flex-start;gap:12px}.confirm-dialog__icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:9999px;flex-shrink:0}.confirm-dialog__icon--danger{background:#ff6b6b1f;color:var(--color-error)}.confirm-dialog__icon--warning{background:#fdcb6e26;color:var(--color-warning)}.confirm-dialog__message{font-size:.875rem;color:var(--color-text-secondary);line-height:1.5;padding-top:4px}.confirm-dialog__actions{display:flex;justify-content:flex-end;gap:12px;padding-top:8px;border-top:1px solid var(--color-border)}.confirm-dialog__btn{border:none;background:none;margin:0;cursor:pointer;font:inherit;color:inherit;padding:8px 20px;font-size:.75rem;font-weight:500;border-radius:8px;transition:all .12s ease}.confirm-dialog__btn--cancel{color:var(--color-text-secondary);background:var(--color-bg-secondary)}.confirm-dialog__btn--cancel:hover{background:var(--color-surface-hover);color:var(--color-text-primary)}.confirm-dialog__btn--confirm{color:var(--color-text-inverse);background:var(--color-primary)}.confirm-dialog__btn--confirm:hover{background:var(--color-primary-hover)}.confirm-dialog__btn--danger{background:var(--color-error)}.confirm-dialog__btn--danger:hover{background:#e05555}.confirm-dialog__btn--warning{background:var(--color-warning);color:var(--color-text-primary)}.confirm-dialog__btn--warning:hover{background:#e8b84e}.sidebar-overlay{display:none}@media(max-width:767px){.sidebar-overlay{display:block;position:fixed;inset:0;background:var(--color-overlay);z-index:299;animation:fade-in .12s ease}}.sidebar{width:260px;height:100%;background:var(--color-surface);border-right:1px solid var(--color-border);display:flex;flex-direction:column;overflow:hidden;transition:background-color .3s ease,border-color .3s ease}@media(max-width:767px){.sidebar{position:fixed;top:0;left:0;bottom:0;z-index:300;transform:translate(-100%);transition:transform .35s ease,background-color .3s ease;box-shadow:none}.sidebar--open{transform:translate(0);box-shadow:var(--shadow-xl)}}.sidebar__header{display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:1px solid var(--color-border);flex-shrink:0}.sidebar__title{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-tertiary)}.sidebar__header-actions{display:flex;align-items:center;gap:4px}.sidebar__new-btn{border:none;background:none;margin:0;cursor:pointer;font:inherit;color:inherit;display:flex;align-items:center;gap:4px;padding:4px 12px;font-size:.75rem;font-weight:500;color:var(--color-primary);border-radius:8px;transition:all .12s ease}.sidebar__new-btn:hover{background:var(--color-primary-bg)}.sidebar__new-btn:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px}.sidebar__import-input{display:none}.sidebar__list{flex:1;overflow-y:auto;padding:8px}.sidebar__list::-webkit-scrollbar{width:6px;height:6px}.sidebar__list::-webkit-scrollbar-track{background:transparent}.sidebar__list::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}.sidebar__list::-webkit-scrollbar-thumb:hover{background:var(--color-border-hover)}.sidebar__list{-webkit-mask-image:linear-gradient(to bottom,transparent 0,black 8px,black calc(100% - 8px),transparent 100%);mask-image:linear-gradient(to bottom,transparent 0,black 8px,black calc(100% - 8px),transparent 100%)}.sidebar__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:32px 16px;text-align:center}.sidebar__empty-icon{color:var(--color-text-tertiary);opacity:.5}.sidebar__empty p{font-size:.75rem;color:var(--color-text-tertiary)}.sidebar__empty-cta{border:none;background:none;margin:0;cursor:pointer;font:inherit;color:inherit;padding:8px 16px;font-size:.75rem;font-weight:500;color:var(--color-text-inverse);background:var(--color-primary);border-radius:8px;transition:all .12s ease}.sidebar__empty-cta:hover{background:var(--color-primary-hover)}.sidebar__item{display:flex;align-items:center;justify-content:space-between;padding:12px;border-radius:8px;cursor:pointer;transition:all .12s ease;gap:8px}.sidebar__item:hover{background:var(--color-surface-hover)}.sidebar__item--active{background:var(--color-primary-bg)}.sidebar__item--active .sidebar__item-name{color:var(--color-primary);font-weight:500}.sidebar__item-info{display:flex;flex-direction:column;min-width:0;flex:1}.sidebar__item-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;color:var(--color-text-primary);cursor:pointer}.sidebar__item-name:hover{text-decoration-style:dotted}.sidebar__item-meta{font-size:.6875rem;color:var(--color-text-tertiary)}.sidebar__rename-input{width:100%;padding:4px 8px;font-size:.75rem;color:var(--color-text-primary);background:var(--color-bg-secondary);border:1px solid var(--color-border-focus);border-radius:4px;outline:none;font-family:inherit}.sidebar__rename-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px #6c5ce726}.sidebar__item-actions{display:flex;align-items:center;gap:4px;opacity:0;transition:opacity .12s ease}.sidebar__item:hover .sidebar__item-actions{opacity:1}.sidebar__item-action{border:none;background:none;padding:0;margin:0;cursor:pointer;font:inherit;color:inherit;display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:4px;color:var(--color-text-tertiary);transition:all .12s ease}.sidebar__item-action:hover{background:var(--color-surface-active);color:var(--color-text-primary)}.sidebar__item-action--danger:hover{color:var(--color-error);background:#ff6b6b1a}.sidebar__export{display:flex;flex-direction:column;gap:8px;padding:8px 16px;border-top:1px solid var(--color-border);flex-shrink:0}.sidebar__export-btn{border:none;background:none;margin:0;cursor:pointer;font:inherit;color:inherit;display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:8px 16px;font-size:.75rem;font-weight:500;color:var(--color-text-inverse);background:var(--color-primary);border-radius:8px;transition:all .12s ease}.sidebar__export-btn:hover{background:var(--color-primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.sidebar__export-btn:active{transform:translateY(0)}.sidebar__export-btn:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px}.sidebar__export-btn--secondary{color:var(--color-text-secondary);background:var(--color-bg-secondary);border:1px solid var(--color-border)}.sidebar__export-btn--secondary:hover{background:var(--color-surface-hover);color:var(--color-text-primary);border-color:var(--color-border-hover)}.sidebar__footer{padding:12px 16px;border-top:1px solid var(--color-border);flex-shrink:0}.sidebar__storage{display:flex;flex-direction:column;gap:4px}.sidebar__storage-bar{height:4px;background:var(--color-bg-tertiary);border-radius:9999px;overflow:hidden}.sidebar__storage-fill{height:100%;background:var(--color-primary);border-radius:9999px;transition:width .2s ease}.sidebar__storage-fill--warning{background:var(--color-warning)}.sidebar__storage-info{display:flex;align-items:center;justify-content:space-between}.sidebar__storage-label{font-size:.6875rem;color:var(--color-text-tertiary)}.sidebar__storage-label--warning{color:var(--color-warning);font-weight:500}.sidebar__storage-info-icon{color:var(--color-text-tertiary);opacity:.6;cursor:help;flex-shrink:0;transition:opacity .12s ease}.sidebar__storage-info-icon:hover{opacity:1}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.file-drop-zone{flex-direction:column;display:flex;align-items:center;justify-content:center;height:100%;border:2px dashed var(--color-border);border-radius:12px;margin:24px;padding:32px;cursor:pointer;transition:all .2s ease;position:relative;min-height:200px}.file-drop-zone:hover{border-color:var(--color-primary);background:var(--color-primary-bg)}.file-drop-zone:hover .file-drop-zone__icon{color:var(--color-primary);opacity:.7}.file-drop-zone:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px}.file-drop-zone--dragging{border-color:var(--color-primary);background:var(--color-primary-bg);border-style:solid;transform:scale(1.01);box-shadow:var(--shadow-md)}.file-drop-zone--dragging .file-drop-zone__icon{color:var(--color-primary);opacity:1;transform:translateY(-4px)}.file-drop-zone__input{display:none}.file-drop-zone__prompt{flex-direction:column;display:flex;align-items:center;justify-content:center;gap:12px;text-align:center}.file-drop-zone__icon{color:var(--color-text-tertiary);opacity:.4;transition:all .2s ease}.file-drop-zone__title{font-size:1.25rem;font-weight:600;color:var(--color-text-primary)}.file-drop-zone__description{font-size:.75rem;color:var(--color-text-secondary);max-width:360px}.file-drop-zone__status-list{display:flex;flex-direction:column;gap:8px;width:100%;max-width:400px}.file-drop-zone__status{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:8px;font-size:.75rem;background:var(--color-bg-secondary)}.file-drop-zone__status--loading{color:var(--color-info)}.file-drop-zone__status--success{color:var(--color-success)}.file-drop-zone__status--error{color:var(--color-error)}.file-drop-zone__spinner{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.file-drop-zone__status-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;color:var(--color-text-primary)}.file-drop-zone__status-msg{flex-shrink:0;font-size:.6875rem;opacity:.8}.waveform{position:relative;width:100%;height:100%;cursor:pointer;user-select:none;-webkit-user-select:none}.waveform__canvas{display:block;width:100%;height:100%}.trim-handles{position:absolute;inset:0;pointer-events:none;z-index:2}.trim-handles__dimmed{position:absolute;top:0;bottom:0;background:var(--color-overlay);opacity:.25;pointer-events:none}.trim-handles__dimmed--left{left:0;border-right:1px solid var(--color-border-focus)}.trim-handles__dimmed--right{right:0;border-left:1px solid var(--color-border-focus)}.trim-handles__handle{position:absolute;top:0;bottom:0;width:12px;transform:translate(-50%);cursor:col-resize;pointer-events:all;z-index:3;display:flex;align-items:center;justify-content:center}.trim-handles__handle:before{content:"";position:absolute;top:0;bottom:0;width:2px;background:var(--color-border-focus);border-radius:1px;opacity:.6;transition:opacity .12s ease}.trim-handles__handle:hover:before,.trim-handles__handle--active:before{opacity:1;width:3px}.trim-handles__handle--active{z-index:4}.trim-handles__grip{width:6px;height:24px;border-radius:3px;background:var(--color-border-focus);opacity:0;transition:opacity .12s ease}.trim-handles__handle:hover .trim-handles__grip,.trim-handles__handle--active .trim-handles__grip{opacity:.7}.trim-handles__tooltip{position:absolute;top:-28px;left:50%;transform:translate(-50%);padding:2px 6px;font-size:.6875rem;font-family:JetBrains Mono,Fira Code,Consolas,monospace;color:var(--color-text-inverse);background:var(--color-text-primary);border-radius:4px;white-space:nowrap;pointer-events:none;z-index:10;box-shadow:var(--shadow-sm)}.trim-controls{display:flex;align-items:center;gap:16px;padding:8px 12px;background:var(--color-bg-secondary);border-top:1px solid var(--color-border);animation:trim-controls-slide-down .15s ease forwards}@media(max-width:767px){.trim-controls{flex-wrap:wrap;gap:8px}}@keyframes trim-controls-slide-down{0%{opacity:0;max-height:0;padding-top:0;padding-bottom:0}to{opacity:1;max-height:60px;padding-top:8px;padding-bottom:8px}}.trim-controls__header{display:flex;align-items:center;gap:4px;color:var(--color-text-tertiary);flex-shrink:0;min-width:0}.trim-controls__title{font-size:.6875rem;font-weight:500;color:var(--color-text-secondary)}.trim-controls__duration{font-size:.6875rem;color:var(--color-primary);margin-left:4px;white-space:nowrap}.trim-controls__fields{display:flex;align-items:center;gap:16px;flex:1}@media(max-width:767px){.trim-controls__fields{gap:12px;flex-wrap:wrap}}.trim-timestamp{display:flex;align-items:center;gap:8px}.trim-timestamp__label{font-size:.6875rem;font-weight:500;color:var(--color-text-secondary);min-width:30px}.trim-timestamp__controls{display:flex;align-items:center;gap:0;border:1px solid var(--color-border);border-radius:4px;overflow:hidden;background:var(--color-surface);transition:border-color .12s ease}.trim-timestamp__controls:focus-within{border-color:var(--color-border-focus)}.trim-timestamp__btn{border:none;background:none;padding:0;margin:0;cursor:pointer;font:inherit;color:inherit;display:flex;align-items:center;justify-content:center;width:26px;height:26px;color:var(--color-text-tertiary);background:var(--color-bg-secondary);transition:all .12s ease;flex-shrink:0}.trim-timestamp__btn:hover:not(:disabled){background:var(--color-surface-active);color:var(--color-text-primary)}.trim-timestamp__btn:active:not(:disabled){background:var(--color-bg-tertiary)}.trim-timestamp__btn:disabled{opacity:.35;cursor:not-allowed}.trim-timestamp__input{width:82px;padding:4px;font-size:.6875rem;color:var(--color-text-primary);background:var(--color-surface);border:none;border-left:1px solid var(--color-border);border-right:1px solid var(--color-border);text-align:center;outline:none;transition:background-color .12s ease;height:26px;line-height:26px}.trim-timestamp__input:focus{background:var(--color-primary-bg)}.trim-timestamp__input--invalid{background:#ff6b6b1f!important;color:var(--color-error);animation:trim-input-shake .3s ease}.trim-timestamp__input::-webkit-inner-spin-button,.trim-timestamp__input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}@keyframes trim-input-shake{0%,to{transform:translate(0)}20%{transform:translate(-2px)}40%{transform:translate(2px)}60%{transform:translate(-2px)}80%{transform:translate(1px)}}.playhead{position:absolute;top:0;bottom:0;width:0;z-index:5;pointer-events:none;transform:translate(-50%)}.playhead__line{position:absolute;top:0;bottom:0;left:0;width:2px;background:var(--color-playhead);transform:translate(-50%);box-shadow:0 0 4px #ff6b6b66}.playhead__head{position:absolute;top:-2px;left:0;width:8px;height:8px;transform:translate(-50%);background:var(--color-playhead);border-radius:9999px;box-shadow:0 0 4px #ff6b6b80}.effects-panel{padding:12px 16px;background:var(--color-bg-secondary);border-top:1px solid var(--color-border);border-radius:0 0 8px 8px;animation:effects-panel-slide-down .2s ease forwards}@keyframes effects-panel-slide-down{0%{opacity:0;max-height:0;padding-top:0;padding-bottom:0}to{opacity:1;max-height:200px;padding-top:12px;padding-bottom:12px}}.effects-panel__grid{display:grid;grid-template-columns:1fr 1fr;gap:12px 24px}@media(max-width:767px){.effects-panel__grid{grid-template-columns:1fr;gap:12px}}.effect-control{display:flex;flex-direction:column;gap:4px}.effect-control__header{display:flex;align-items:center;gap:8px}.effect-control__icon{display:flex;align-items:center;justify-content:center;color:var(--color-text-tertiary);flex-shrink:0}.effect-control__label{font-size:.6875rem;font-weight:500;color:var(--color-text-secondary);flex:1}.effect-control__value{font-size:.6875rem;color:var(--color-primary);min-width:48px;text-align:right}.effect-control__inputs{display:flex;align-items:center;gap:8px}.effect-control__slider{flex:1;-webkit-appearance:none;appearance:none;height:4px;background:var(--color-bg-tertiary);border-radius:2px;outline:none;cursor:pointer}.effect-control__slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;background:var(--color-primary);border-radius:9999px;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease;border:2px solid var(--color-surface);box-shadow:var(--shadow-sm)}.effect-control__slider::-webkit-slider-thumb:hover{transform:scale(1.15);box-shadow:0 0 0 3px var(--color-primary-bg)}.effect-control__slider::-webkit-slider-thumb:active{transform:scale(1.2)}.effect-control__slider::-moz-range-thumb{width:14px;height:14px;background:var(--color-primary);border-radius:9999px;cursor:pointer;border:2px solid var(--color-surface);box-shadow:var(--shadow-sm)}.effect-control__slider::-moz-range-thumb:hover{transform:scale(1.15)}.effect-control__slider::-moz-range-track{height:4px;background:var(--color-bg-tertiary);border-radius:2px}.effect-control__slider::-webkit-slider-runnable-track{height:4px;border-radius:2px}.effect-control__number{width:68px;padding:4px;font-size:.6875rem;color:var(--color-text-primary);background:var(--color-surface);border:1px solid var(--color-border);border-radius:4px;text-align:right;outline:none;transition:border-color .12s ease}.effect-control__number:focus{border-color:var(--color-border-focus)}.effect-control__number:hover{border-color:var(--color-border-hover)}.effect-control__number::-webkit-inner-spin-button,.effect-control__number::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.effect-control__number{-moz-appearance:textfield}.track-strip{display:flex;flex-direction:column;background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;transition:all .12s ease;cursor:pointer;user-select:none;-webkit-user-select:none;position:relative;overflow:hidden}.track-strip:hover{background:var(--color-surface-hover);border-color:var(--color-border-hover)}.track-strip--selected{border-color:var(--color-border-focus);background:var(--color-surface-hover);box-shadow:0 0 0 1px var(--color-border-focus)}.track-strip--dragging{box-shadow:var(--shadow-lg);cursor:grabbing}.track-strip--active{border-color:var(--color-primary-light)}.track-strip--effects-open{background:var(--color-surface)}.track-strip__main{display:flex;align-items:center;gap:12px;padding:12px}@media(max-width:767px){.track-strip__main{flex-wrap:wrap;gap:8px}}.track-strip__drag-handle{display:flex;align-items:center;justify-content:center;width:24px;flex-shrink:0;color:var(--color-text-tertiary);cursor:grab;touch-action:none;transition:color .12s ease;padding:4px 0}.track-strip__drag-handle:hover{color:var(--color-text-secondary)}.track-strip__drag-handle:active{cursor:grabbing;color:var(--color-text-primary)}.track-strip__info{display:flex;align-items:center;gap:8px;width:140px;flex-shrink:0}@media(max-width:767px){.track-strip__info{width:100px}}.track-strip__index{display:flex;align-items:center;justify-content:center;width:22px;height:22px;font-size:.6875rem;font-weight:600;color:var(--color-text-tertiary);background:var(--color-bg-secondary);border-radius:9999px;flex-shrink:0}.track-strip__details{display:flex;flex-direction:column;min-width:0;gap:2px}.track-strip__name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;font-weight:500;color:var(--color-text-primary)}.track-strip__duration{font-size:.6875rem;color:var(--color-text-tertiary)}.track-strip__waveform-container{flex:1;min-width:0;height:64px;position:relative;border-radius:4px;overflow:hidden;background:var(--color-bg-secondary)}@media(max-width:767px){.track-strip__waveform-container{width:100%;order:10;height:56px}}.track-strip__actions{display:flex;align-items:center;gap:4px;flex-shrink:0}.track-strip__btn{border:none;background:none;padding:0;margin:0;cursor:pointer;font:inherit;color:inherit;display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:9999px;color:var(--color-text-secondary);transition:all .12s ease}.track-strip__btn:hover{background:var(--color-surface-active);color:var(--color-text-primary)}.track-strip__btn--playing{color:var(--color-primary);background:var(--color-primary-bg)}.track-strip__btn--playing:hover{background:var(--color-primary-bg);color:var(--color-primary-hover)}.track-strip__btn--effects-active{color:var(--color-primary);background:var(--color-primary-bg)}.track-strip__btn--effects-active:hover{background:var(--color-primary-bg);color:var(--color-primary-hover)}.track-strip__btn--has-effects{position:relative}.track-strip__btn--has-effects:after{content:"";position:absolute;top:5px;right:5px;width:5px;height:5px;background:var(--color-primary);border-radius:9999px}.track-strip__btn--danger:hover{background:#ff6b6b1a;color:var(--color-error)}.global-playhead{position:absolute;inset:0;pointer-events:none;z-index:8}.global-playhead__line{position:absolute;width:2px;background:var(--color-playhead);transform:translate(-50%);pointer-events:none;z-index:8;box-shadow:0 0 6px #ff6b6b80;border-radius:1px;transition:top 80ms linear,height 80ms linear}.global-playhead__line:before{content:"";position:absolute;top:-3px;left:50%;transform:translate(-50%);width:10px;height:10px;background:var(--color-playhead);border-radius:9999px;box-shadow:0 0 6px #ff6b6b99}.track-list{display:flex;flex-direction:column;gap:8px;position:relative;flex:1;min-height:0;overflow-y:auto}.track-list::-webkit-scrollbar{width:6px;height:6px}.track-list::-webkit-scrollbar-track{background:transparent}.track-list::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}.track-list::-webkit-scrollbar-thumb:hover{background:var(--color-border-hover)}.track-list{padding-bottom:16px}.track-list__items{display:flex;flex-direction:column;gap:8px;position:relative}.main-editor{flex:1;min-height:0;overflow-y:auto}.main-editor::-webkit-scrollbar{width:6px;height:6px}.main-editor::-webkit-scrollbar-track{background:transparent}.main-editor::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}.main-editor::-webkit-scrollbar-thumb:hover{background:var(--color-border-hover)}.main-editor{background:var(--color-bg);transition:background-color .3s ease}.main-editor__empty-state{flex-direction:column;display:flex;align-items:center;justify-content:center;height:100%;text-align:center;padding:32px;gap:16px}.main-editor__empty-icon{color:var(--color-text-tertiary);opacity:.4}.main-editor__empty-title{font-size:1.25rem;font-weight:600;color:var(--color-text-primary)}.main-editor__empty-description{font-size:.75rem;color:var(--color-text-secondary);max-width:360px}.main-editor__empty-cta{border:none;background:none;margin:0;cursor:pointer;font:inherit;color:inherit;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;font-size:.875rem;font-weight:500;color:var(--color-text-inverse);background:var(--color-primary);border-radius:8px;transition:all .12s ease}.main-editor__empty-cta:hover{background:var(--color-primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.main-editor__empty-cta:active{transform:translateY(0)}.main-editor__empty-cta:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px}.main-editor__track-area{padding:16px;display:flex;flex-direction:column;gap:16px;height:100%}.main-editor__track-header{display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.main-editor__project-name{font-size:1.125rem;font-weight:600;color:var(--color-text-primary)}.main-editor__track-count{font-size:.75rem;color:var(--color-text-tertiary)}.main-editor__add-more{flex-shrink:0;min-height:120px;max-height:160px}.main-editor__add-more .file-drop-zone{margin:0;padding:16px;min-height:100px;border-width:1px;opacity:.7;transition:all .2s ease}.main-editor__add-more .file-drop-zone:hover,.main-editor__add-more .file-drop-zone--dragging{opacity:1}.main-editor__add-more .file-drop-zone__icon{display:none}.main-editor__add-more .file-drop-zone__title{font-size:.875rem}.main-editor__add-more .file-drop-zone__description{font-size:.6875rem}.bottom-bar{display:flex;align-items:center;gap:16px;height:64px;padding:0 16px;background:var(--color-surface);border-top:1px solid var(--color-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:200;flex-shrink:0;transition:background-color .3s ease,border-color .3s ease}@media(max-width:767px){.bottom-bar{flex-wrap:wrap;height:auto;padding:8px 12px;gap:8px}}.bottom-bar__controls{display:flex;align-items:center;gap:4px}.bottom-bar__btn{border:none;background:none;padding:0;margin:0;cursor:pointer;font:inherit;color:inherit;display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:9999px;color:var(--color-text-secondary);transition:all .12s ease}.bottom-bar__btn:not(:disabled):hover{background:var(--color-surface-hover);color:var(--color-text-primary)}.bottom-bar__btn:disabled{opacity:.4;cursor:not-allowed}.bottom-bar__btn--play{width:40px;height:40px;background:var(--color-primary);color:var(--color-text-inverse)}.bottom-bar__btn--play:not(:disabled):hover{background:var(--color-primary-hover);color:var(--color-text-inverse)}.bottom-bar__btn--play.bottom-bar__btn--active{background:var(--color-primary-active)}.bottom-bar__mode-switch{display:flex;align-items:center;background:var(--color-bg-secondary);border-radius:8px;padding:2px;gap:2px;flex-shrink:0;border:1px solid var(--color-border);transition:background-color .3s ease,border-color .3s ease}.bottom-bar__mode-option{border:none;background:none;margin:0;font:inherit;color:inherit;display:flex;align-items:center;gap:4px;padding:4px 12px;border-radius:6px;font-size:.75rem;font-weight:500;color:var(--color-text-tertiary);transition:all .12s ease;white-space:nowrap;cursor:pointer}.bottom-bar__mode-option:not(:disabled):hover{color:var(--color-text-secondary);background:var(--color-surface-hover)}.bottom-bar__mode-option:disabled{opacity:.4;cursor:not-allowed}.bottom-bar__mode-option--active{color:var(--color-primary);background:var(--color-surface);box-shadow:var(--shadow-sm)}.bottom-bar__mode-option--active:not(:disabled):hover{color:var(--color-primary-hover);background:var(--color-surface)}.bottom-bar__mode-option svg{flex-shrink:0}@media(max-width:479px){.bottom-bar__mode-option span{display:none}.bottom-bar__mode-option{padding:4px 8px}}.bottom-bar__time{display:flex;align-items:center;gap:4px;font-size:.75rem;color:var(--color-text-secondary);flex-shrink:0}.bottom-bar__time-separator{color:var(--color-text-tertiary)}.bottom-bar__progress{flex:1;min-width:80px;padding:8px 0}.bottom-bar__progress-bar{height:4px;background:var(--color-bg-tertiary);border-radius:2px;cursor:pointer;position:relative;touch-action:none;transition:height .12s ease}.bottom-bar__progress-bar:hover,.bottom-bar__progress-bar--dragging{height:6px}.bottom-bar__progress-bar:hover .bottom-bar__progress-thumb,.bottom-bar__progress-bar--dragging .bottom-bar__progress-thumb{opacity:1;transform:translateY(-50%) scale(1)}.bottom-bar__progress-fill{height:100%;background:var(--color-primary);border-radius:2px;transition:width .1s linear;position:relative}.bottom-bar__progress-thumb{position:absolute;right:-6px;top:50%;transform:translateY(-50%) scale(0);width:12px;height:12px;background:var(--color-primary);border-radius:9999px;border:2px solid var(--color-surface);box-shadow:var(--shadow-sm);opacity:0;transition:opacity .12s ease,transform .12s ease;pointer-events:none}.bottom-bar__right{display:flex;align-items:center;gap:8px;flex-shrink:0}.bottom-bar__btn--normalize{color:var(--color-text-tertiary)}.bottom-bar__btn--normalize:not(:disabled):hover{color:var(--color-text-secondary);background:var(--color-surface-hover)}.bottom-bar__btn--normalize-active{color:var(--color-primary);background:var(--color-primary-bg)}.bottom-bar__btn--normalize-active:not(:disabled):hover{color:var(--color-primary-hover);background:var(--color-primary-bg)}.bottom-bar__btn--export{color:var(--color-primary)}.bottom-bar__btn--export:not(:disabled):hover{color:var(--color-primary-hover);background:var(--color-primary-bg)}.toast{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:8px;background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-lg);min-width:280px;max-width:420px;animation:toast-slide-in .35s ease}.toast--success .toast__icon{color:var(--color-success)}.toast--warning .toast__icon{color:var(--color-warning)}.toast--error .toast__icon{color:var(--color-error)}.toast--info .toast__icon{color:var(--color-info)}.toast__icon{flex-shrink:0}.toast__message{flex:1;font-size:.75rem;color:var(--color-text-primary);line-height:1.5}.toast__close{border:none;background:none;padding:0;margin:0;cursor:pointer;font:inherit;color:inherit;display:flex;align-items:center;justify-content:center;flex-shrink:0;width:24px;height:24px;border-radius:4px;color:var(--color-text-tertiary);transition:all .12s ease}.toast__close:hover{background:var(--color-surface-hover);color:var(--color-text-primary)}@keyframes toast-slide-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.toast-container{position:fixed;bottom:80px;right:16px;z-index:600;display:flex;flex-direction:column;gap:8px;pointer-events:none}.toast-container>*{pointer-events:auto}@media(max-width:767px){.toast-container{right:50%;transform:translate(50%);bottom:76px;width:90%;align-items:center}}.export-modal{display:flex;flex-direction:column;gap:20px}.export-modal__summary{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--color-bg-secondary);border-radius:8px;color:var(--color-text-secondary)}.export-modal__summary-info{display:flex;flex-direction:column;gap:2px}.export-modal__summary-tracks{font-size:.75rem;font-weight:500;color:var(--color-text-primary)}.export-modal__summary-duration{font-size:.6875rem;color:var(--color-text-tertiary)}.export-modal__field{display:flex;flex-direction:column;gap:8px}.export-modal__label{font-size:.75rem;font-weight:500;color:var(--color-text-secondary)}.export-modal__filename-row{display:flex;align-items:center;gap:0}.export-modal__input{flex:1;padding:8px 12px;font-size:.875rem;color:var(--color-text-primary);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:8px 0 0 8px;outline:none;transition:border-color .12s ease}.export-modal__input:focus{border-color:var(--color-border-focus)}.export-modal__input:disabled{opacity:.6;cursor:not-allowed}.export-modal__input::placeholder{color:var(--color-text-tertiary)}.export-modal__ext{padding:8px 12px;font-size:.875rem;font-family:JetBrains Mono,Fira Code,Consolas,monospace;color:var(--color-text-tertiary);background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-left:none;border-radius:0 8px 8px 0;white-space:nowrap}.export-modal__format-options{display:grid;grid-template-columns:1fr 1fr;gap:8px}.export-modal__format-btn{border:none;background:none;margin:0;cursor:pointer;font:inherit;color:inherit;display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--color-bg-secondary);border:2px solid var(--color-border);border-radius:8px;transition:all .12s ease}.export-modal__format-btn:hover:not(:disabled){border-color:var(--color-border-hover);background:var(--color-surface-hover)}.export-modal__format-btn--active{border-color:var(--color-primary);background:var(--color-primary-bg)}.export-modal__format-btn--active .export-modal__format-name{color:var(--color-primary)}.export-modal__format-btn:disabled{opacity:.6;cursor:not-allowed}.export-modal__format-info{display:flex;flex-direction:column;align-items:flex-start;gap:1px}.export-modal__format-name{font-size:.75rem;font-weight:600;color:var(--color-text-primary)}.export-modal__format-desc{font-size:.6875rem;color:var(--color-text-tertiary)}.export-modal__quality-options{display:flex;gap:8px}.export-modal__quality-btn{border:none;background:none;margin:0;cursor:pointer;font:inherit;color:inherit;display:flex;align-items:baseline;gap:2px;padding:8px 16px;background:var(--color-bg-secondary);border:2px solid var(--color-border);border-radius:8px;transition:all .12s ease}.export-modal__quality-btn:hover:not(:disabled){border-color:var(--color-border-hover)}.export-modal__quality-btn--active{border-color:var(--color-primary);background:var(--color-primary-bg)}.export-modal__quality-btn--active .export-modal__quality-value{color:var(--color-primary)}.export-modal__quality-btn:disabled{opacity:.6;cursor:not-allowed}.export-modal__quality-value{font-size:.875rem;font-weight:600;font-family:JetBrains Mono,Fira Code,Consolas,monospace;color:var(--color-text-primary)}.export-modal__quality-unit{font-size:.6875rem;color:var(--color-text-tertiary)}.export-modal__quality-hint{font-size:.6875rem;color:var(--color-text-tertiary);font-style:italic}.export-modal__progress{display:flex;flex-direction:column;gap:8px}.export-modal__progress-label{display:flex;align-items:center;gap:8px;font-size:.75rem;color:var(--color-text-secondary)}.export-modal__progress-percent{margin-left:auto;font-family:JetBrains Mono,Fira Code,Consolas,monospace;font-size:.6875rem;color:var(--color-text-tertiary)}.export-modal__progress-bar{height:6px;background:var(--color-bg-tertiary);border-radius:9999px;overflow:hidden}.export-modal__progress-fill{height:100%;background:var(--color-primary);border-radius:9999px;transition:width .2s ease}.export-modal__spinner{animation:export-spin 1s linear infinite}@keyframes export-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.export-modal__actions{display:flex;justify-content:flex-end;gap:12px;padding-top:8px;border-top:1px solid var(--color-border)}.export-modal__btn{border:none;background:none;margin:0;cursor:pointer;font:inherit;color:inherit;display:flex;align-items:center;gap:8px;padding:8px 20px;font-size:.75rem;font-weight:500;border-radius:8px;transition:all .12s ease}.export-modal__btn--secondary{color:var(--color-text-secondary);background:var(--color-bg-secondary)}.export-modal__btn--secondary:hover{background:var(--color-surface-hover);color:var(--color-text-primary)}.export-modal__btn--primary{color:var(--color-text-inverse);background:var(--color-primary)}.export-modal__btn--primary:hover:not(:disabled){background:var(--color-primary-hover)}.export-modal__btn--primary:disabled{opacity:.6;cursor:not-allowed}.app-shell{display:flex;flex-direction:column;height:100vh;overflow:hidden}.app-shell--loading{opacity:0}.app-shell--ready{opacity:1;transition:opacity .4s ease}.app-shell__body{display:flex;flex:1;min-height:0;overflow:hidden}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{min-height:100vh;line-height:1.5}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}a{color:inherit;text-decoration:none}ul,ol{list-style:none}h1,h2,h3,h4,h5,h6{overflow-wrap:break-word;font-weight:inherit;font-size:inherit}p{overflow-wrap:break-word}#root{min-height:100vh;isolation:isolate}:root,[data-theme=light]{--color-primary: #6C5CE7;--color-primary-hover: #5A4BD1;--color-primary-active: #4A3CB8;--color-primary-light: #A29BFE;--color-primary-bg: #EDE9FE;--color-bg: #FAFAFA;--color-bg-secondary: #F0F0F3;--color-bg-tertiary: #E8E8ED;--color-surface: #FFFFFF;--color-surface-hover: #F5F5F7;--color-surface-active: #EBEBF0;--color-text-primary: #1A1A2E;--color-text-secondary: #5C5C7A;--color-text-tertiary: #9090A7;--color-text-inverse: #FFFFFF;--color-border: #E0E0E8;--color-border-hover: #C8C8D4;--color-border-focus: #6C5CE7;--color-success: #00B894;--color-warning: #FDCB6E;--color-error: #FF6B6B;--color-info: #74B9FF;--color-waveform: #6C5CE7;--color-waveform-progress: #A29BFE;--color-waveform-dimmed: #D5D0F0;--color-playhead: #FF6B6B;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .12);--shadow-xl: 0 16px 48px rgba(0, 0, 0, .16);--color-overlay: rgba(0, 0, 0, .4);--color-backdrop: rgba(255, 255, 255, .8)}[data-theme=dark]{--color-primary: #A29BFE;--color-primary-hover: #B4AEFF;--color-primary-active: #8B82F0;--color-primary-light: #6C5CE7;--color-primary-bg: #2D2A4A;--color-bg: #121218;--color-bg-secondary: #1A1A24;--color-bg-tertiary: #22222F;--color-surface: #1E1E2A;--color-surface-hover: #26263A;--color-surface-active: #2E2E42;--color-text-primary: #EAEAEF;--color-text-secondary: #A0A0B8;--color-text-tertiary: #6C6C84;--color-text-inverse: #1A1A2E;--color-border: #2C2C3E;--color-border-hover: #3E3E54;--color-border-focus: #A29BFE;--color-success: #55EFC4;--color-warning: #FFEAA7;--color-error: #FF7979;--color-info: #74B9FF;--color-waveform: #A29BFE;--color-waveform-progress: #6C5CE7;--color-waveform-dimmed: #3A3660;--color-playhead: #FF7979;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .2);--shadow-md: 0 4px 12px rgba(0, 0, 0, .3);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .4);--shadow-xl: 0 16px 48px rgba(0, 0, 0, .5);--color-overlay: rgba(0, 0, 0, .6);--color-backdrop: rgba(18, 18, 24, .85)}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.875rem;font-weight:400;line-height:1.5}.text-xs{font-size:.6875rem}.text-sm{font-size:.75rem}.text-base{font-size:.875rem}.text-md{font-size:1rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-3xl{font-size:1.875rem}.font-mono{font-family:JetBrains Mono,Fira Code,Consolas,monospace}.text-secondary{color:var(--color-text-secondary)}.text-tertiary{color:var(--color-text-tertiary)}html{transition:background-color .3s ease,color .3s ease}html,body{background-color:var(--color-bg);color:var(--color-text-primary)}.theme-transition{transition:background-color .3s ease,color .3s ease,border-color .3s ease,box-shadow .3s ease}:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px}:focus:not(:focus-visible){outline:none}::selection{background-color:var(--color-primary-bg);color:var(--color-text-primary)}html{scroll-behavior:smooth}h1,.text-responsive-xl{font-size:clamp(1.125rem,1rem + .5vw,1.5rem)}h2,.text-responsive-lg{font-size:clamp(1rem,.875rem + .5vw,1.25rem)}*,*:before,*:after{transition-property:none}html[data-theme-transitioning] *,html[data-theme-transitioning] *:before,html[data-theme-transitioning] *:after{transition:background-color .3s ease,color .3s ease,border-color .3s ease,box-shadow .3s ease!important;transition-duration:.3s!important}button:active:not(:disabled){transform:scale(.97)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--color-border-hover)}.scroll-shadow{-webkit-mask-image:linear-gradient(to bottom,transparent 0,black 8px,black calc(100% - 8px),transparent 100%);mask-image:linear-gradient(to bottom,transparent 0,black 8px,black calc(100% - 8px),transparent 100%)}