:root{--depth-base:#111;--depth-recessed:#1a1a1a;--depth-surface:#242424;--depth-elevated:#2a2a2a;--depth-overlay:#333;--depth-overlay-hover:#474747;--surface-grad-from:#171717;--surface-grad-to:#0f0f0f;--surface-gradient:linear-gradient(150deg, var(--surface-grad-from) 17%, var(--surface-grad-to) 90%);--accent:#e8e8e8;--accent-hover:#fff;--accent-dim:#e8e8e814;--accent-muted:#e8e8e826;--accent-glow:#e8e8e80d;--accent-glow-strong:#e8e8e81a;--color-success:#4a9;--color-warning:#e8822a;--color-error:#c44;--color-info:#58b;--text-display:#f2f2f2;--text-primary:#e8e8e8;--text-secondary:#999;--text-disabled:#4d4d4d;--slider-fill:#e8e8e8;--slider-track:#4d4d4d;--slider-thumb:#e8e8e8;--slider-thumb-border:#111;--border:#333;--border-subtle:#2d2d2d;--border-hairline:#ffffff1a;--font:-apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--text-xs:10px;--text-sm:12px;--text-base:13px;--text-lg:14px;--text-xl:16px;--text-2xl:20px;--text-3xl:32px;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:24px;--sp-6:32px;--sp-7:48px;--sp-8:64px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:20px;--btn-sm-h:32px;--btn-md-h:32px;--btn-sm-px:12px;--btn-md-px:12px;--btn-font-size:12px;--btn-font-weight:600;--ease-out-expo:cubic-bezier(.16, 1, .3, 1);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--ease-out:cubic-bezier(0, 0, .58, 1);--dur-fast:.1s;--dur-normal:.2s;--dur-slow:.4s}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font);background:var(--depth-base);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;font-feature-settings:"kern" 1, "liga" 1;line-height:1.5;font-size:var(--text-base);overflow-x:hidden}.app:after{content:"";opacity:.028;pointer-events:none;z-index:9999;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='1'/%3E%3C/svg%3E");position:fixed;inset:0}.app{opacity:0;height:100dvh;transition:opacity var(--dur-normal) var(--ease-out);grid-template-columns:1fr;display:grid;overflow:hidden}.app--ready{opacity:1}.app__main{grid-template-columns:1fr 336px;height:100dvh;display:grid;overflow:hidden}.video-section{background:var(--depth-base);flex-direction:column;display:flex;position:relative;overflow:hidden}.video-header{padding:var(--sp-4) var(--sp-4);flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.video-header__left{align-items:center;gap:var(--sp-2);display:flex}.video-container{min-height:0;padding:var(--sp-8) var(--sp-4);background:0 0;flex:1;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.video-filename{font-size:var(--text-xs);color:var(--text-secondary);letter-spacing:.02em;opacity:0;transition:opacity var(--dur-normal);pointer-events:none;z-index:1;white-space:nowrap;position:absolute}.app--loaded .video-filename{opacity:1}.video-container.drop-active{box-shadow:inset 0 0 40px var(--accent-glow)}.video-canvas{max-width:100%;max-height:100%;image-rendering:pixelated;opacity:0;transition:opacity var(--dur-slow) var(--ease-out-expo);display:block}.video-canvas--gl{max-width:calc(100% - 2 * var(--sp-4));max-height:calc(100% - 2 * var(--sp-8));position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.app--loaded .video-canvas{opacity:1}.empty-state{z-index:2;transition:opacity var(--dur-normal) var(--ease-out);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.empty-state__content{text-align:center;width:384px;max-width:100%;padding:var(--sp-2);flex-direction:column;align-items:center;display:flex}.empty-state__icon{width:80px;height:80px;margin:0 0 var(--sp-4) 0;-webkit-user-drag:none;-webkit-user-select:none;user-select:none;margin-left:6px;display:block}.empty-state__title{font-size:var(--text-3xl);letter-spacing:0;color:var(--text-display);margin:0;font-weight:700;line-height:1.4}.empty-state__subtitle{font-size:var(--text-lg);color:var(--text-secondary);margin:var(--sp-4) 0 var(--sp-5) 0;width:100%;line-height:1.4}.empty-state__actions{gap:var(--sp-2);flex-direction:row;margin:0;display:flex}.empty-state__btn{border-radius:var(--radius-md);flex:none;justify-content:center;width:128px;height:40px}.empty-state__hint{font-size:var(--text-sm);color:var(--text-disabled);margin:var(--sp-4) 0 0 0;line-height:1.5}.app--loaded .empty-state{opacity:0;visibility:hidden;pointer-events:none}.video-loading{justify-content:center;align-items:center;gap:var(--sp-4);z-index:3;background:var(--depth-base);flex-direction:column;display:flex;position:absolute;inset:0}.video-loading__spinner{border:2px solid var(--depth-overlay);border-top-color:var(--accent);border-radius:50%;width:24px;height:24px;animation:.8s linear infinite spin}.video-loading__text{font-size:var(--text-sm);color:var(--text-secondary);letter-spacing:.03em}@keyframes spin{to{transform:rotate(360deg)}}.sidebar-logo{font-size:var(--text-lg);letter-spacing:.12em;color:var(--text-primary);text-transform:uppercase;font-weight:700}.btn.btn--help{border-radius:var(--radius-sm);width:24px;height:24px;color:var(--text-secondary);background:var(--surface-gradient);border:1px solid var(--border-hairline);transition:color var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out);justify-content:center;align-items:center;padding:0;font-size:12px;font-weight:600;display:flex}.btn--help:hover{color:var(--text-primary);border-color:var(--border)}.btn.btn--icon-sm{width:var(--btn-sm-h);height:var(--btn-sm-h);background:var(--surface-gradient);border:1px solid var(--border-hairline);border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;transition:background var(--dur-fast), border-color var(--dur-fast);justify-content:center;align-items:center;font-size:14px;display:flex}.btn--icon-sm:hover{border-color:var(--border)}.control-row-inline{gap:var(--sp-3);grid-template-columns:1fr 1fr;display:grid}.control--half{min-width:0}.control--half select{width:100%}.color-picker{width:100%;height:var(--btn-md-h);padding:var(--sp-1);border:1px solid var(--border-hairline);border-radius:var(--radius-sm);background:var(--surface-gradient);cursor:pointer;appearance:none;transition:border-color var(--dur-fast) var(--ease-out), background var(--dur-fast) var(--ease-out)}.color-picker:hover{border-color:var(--border)}.color-picker:focus{border-color:var(--accent-muted);outline:none}.color-picker::-webkit-color-swatch-wrapper{padding:0}.color-picker::-webkit-color-swatch{border-radius:calc(var(--radius-sm) - 3px);border:none}.color-picker::-moz-color-swatch{border-radius:calc(var(--radius-sm) - 3px);border:none}.toolbar-overlay{margin:0 var(--sp-4) var(--sp-4);padding:var(--sp-4);gap:var(--sp-4);background:var(--surface-gradient);border:1px solid var(--border-hairline);border-radius:var(--radius-xl);flex-direction:column;flex-shrink:0;display:flex}.video-controls{justify-content:space-between;align-items:center;gap:var(--sp-4);scrollbar-width:none;-ms-overflow-style:none;background:0 0;flex-shrink:0;height:32px;min-height:32px;display:flex;overflow:auto hidden}.video-controls::-webkit-scrollbar{display:none}.video-controls>*{flex-shrink:0}.toolbar-center{align-items:center;gap:var(--sp-6);display:flex}.toolbar-right{align-items:center;gap:var(--sp-2);display:flex}.btn.btn--toolbar-icon{width:var(--btn-sm-h);height:var(--btn-sm-h);background:var(--surface-gradient);border:1px solid var(--border-hairline);border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;transition:background var(--dur-fast), border-color var(--dur-fast);justify-content:center;align-items:center;padding:0;display:flex}.btn--toolbar-icon:hover{border-color:var(--border)}.btn.btn--import-toolbar{background:var(--surface-gradient);border:1px solid var(--border-hairline);color:var(--text-primary);cursor:pointer;font-weight:600}.btn--import-toolbar:hover{border-color:var(--border)}.btn--export-toolbar{background:var(--accent);color:var(--depth-base);font-weight:600}.btn--export-toolbar:hover{background:var(--accent-hover)}.btn.btn--mastering{justify-content:center;align-items:center;gap:var(--sp-2);width:100%;height:var(--btn-md-h);background:var(--surface-gradient);border:1px solid var(--border-hairline);border-radius:var(--radius-sm);color:var(--text-primary);font-size:var(--text-sm);cursor:pointer;transition:background var(--dur-fast), border-color var(--dur-fast);font-weight:600;display:flex}.btn--mastering:hover{border-color:var(--border)}.toolbar-overlay--disabled{opacity:.4;pointer-events:none}.toolbar-overlay--disabled.toolbar-overlay--disabled :disabled,.toolbar-overlay--disabled.toolbar-overlay--disabled [disabled],.controls-panel--disabled.controls-panel--disabled :disabled,.controls-panel--disabled.controls-panel--disabled [disabled]{opacity:1}.toolbar-overlay--disabled.toolbar-overlay--disabled .btn--ghost:disabled,.toolbar-overlay--disabled.toolbar-overlay--disabled .btn--toolbar-icon:disabled,.toolbar-overlay--disabled.toolbar-overlay--disabled .btn--icon-sm:disabled,.controls-panel--disabled.controls-panel--disabled .btn--ghost:disabled,.controls-panel--disabled.controls-panel--disabled .btn--toolbar-icon:disabled,.controls-panel--disabled.controls-panel--disabled .btn--icon-sm:disabled{color:var(--text-primary)}.aspect-ratio-bar{align-items:center;gap:4px;display:flex}.aspect-btn{height:var(--btn-sm-h);width:40px;padding:4px var(--btn-sm-px);border-radius:var(--radius-sm);background:var(--surface-gradient);border:1px solid var(--border-hairline);color:var(--text-primary);font-family:var(--font);font-size:var(--btn-font-size);font-weight:var(--btn-font-weight);cursor:pointer;transition:background var(--dur-fast), color var(--dur-fast), border-color var(--dur-fast);justify-content:center;align-items:center;display:flex}.aspect-btn:hover{border-color:var(--border)}.aspect-btn.aspect-btn--active{background:var(--text-primary);color:var(--depth-base);border-color:#0000;font-weight:600}.aspect-btn.aspect-btn--active:hover:not(:disabled){background:var(--accent-hover)}.chopper-group{align-items:center;gap:var(--sp-3);display:flex}.chopper-group__title{font-size:var(--text-sm);color:var(--text-primary);white-space:nowrap;font-weight:600}.chopper-group__field{align-items:center;gap:var(--sp-1);display:flex}.chopper-group__label{font-size:var(--text-xs);color:var(--text-secondary);white-space:nowrap}.chopper-group__input{width:40px;height:var(--btn-sm-h);padding:var(--sp-2);background:var(--surface-gradient);color:var(--text-primary);border:1px solid var(--border-hairline);border-radius:var(--radius-sm);font-family:var(--font);font-size:var(--text-xs);text-align:center;transition:background var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out);-moz-appearance:textfield}.chopper-group__input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.chopper-group__input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.chopper-group__input:hover{border-color:var(--border);outline:none}.chopper-group__input:focus{border-color:var(--accent-muted);outline:none}.chopper-group__input:disabled{opacity:.4;cursor:not-allowed}.chopper-group__input--duration{width:56px}.timeline-container{border-top:1px solid var(--border-subtle);height:64px;padding-top:var(--sp-4);overflow:hidden}.timeline-canvas{cursor:grab;width:100%;height:100%;display:block}.controls-panel{background:var(--surface-gradient);border:1px solid var(--border-hairline);padding:var(--sp-4);margin:var(--sp-4);border-radius:var(--radius-xl);scrollbar-width:thin;scrollbar-color:var(--depth-overlay) transparent;margin-left:0;overflow-y:auto}.controls-panel::-webkit-scrollbar{width:4px}.controls-panel::-webkit-scrollbar-track{background:0 0}.controls-panel::-webkit-scrollbar-thumb{background:var(--depth-overlay);border-radius:2px}.controls-panel--disabled{opacity:.4;pointer-events:none}.controls-group{margin-bottom:var(--sp-6);transition:opacity var(--dur-slow) var(--ease-out-expo)}.controls-group__title{font-size:var(--text-lg);color:var(--text-primary);margin-bottom:var(--sp-3);letter-spacing:0;font-weight:700;line-height:1.4}.control-subgroup{margin-bottom:var(--sp-3)}.control-subgroup__title{font-size:var(--text-sm);color:var(--text-primary);margin-bottom:var(--sp-3);letter-spacing:0;font-weight:600;line-height:1.4}.control__sublabel{font-size:var(--text-xs);color:var(--text-disabled);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--sp-1);display:block}.control{margin-bottom:var(--sp-3)}.control:last-child{margin-bottom:0}.control>label:not(.btn):not(.toggle){font-size:var(--text-xs);color:var(--text-secondary);margin-bottom:var(--sp-1);font-weight:400;line-height:1.5;display:block}.control__row{align-items:center;gap:var(--sp-2);display:flex}.control__row .slider{flex:1}.control__value{text-align:right;min-width:40px;font-size:var(--text-xs);color:var(--text-primary);font-variant-numeric:tabular-nums;font-weight:400;line-height:1.5;display:inline-block}.control__value.is-changing{transform:scale(1.06)}.btn{font-family:var(--font);font-size:var(--btn-font-size);font-weight:var(--btn-font-weight);cursor:pointer;transition:background var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out);white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;display:flex}.btn:disabled{cursor:not-allowed}.btn--ghost:disabled,.btn.btn--toolbar-icon:disabled,.btn.btn--icon-sm:disabled,.btn.btn--help:disabled,.btn--import-toolbar:disabled{color:var(--text-disabled)}.btn--accent:disabled,.btn--export-toolbar:disabled{opacity:.3}.btn--md{height:var(--btn-md-h);padding:4px var(--btn-md-px);border-radius:var(--radius-sm)}.btn--sm{height:var(--btn-sm-h);padding:4px var(--btn-sm-px);border-radius:var(--radius-sm)}.btn--filled{background:var(--text-primary);color:var(--depth-base)}.btn--filled:hover:not(:disabled){background:var(--accent-hover);color:var(--depth-base)}.btn--default{background:var(--surface-gradient);border-color:var(--border-hairline);color:var(--text-primary)}.btn--default:hover:not(:disabled){border-color:var(--border)}.btn--ghost{background:var(--surface-gradient);border-color:var(--border-hairline);color:var(--text-primary)}.btn--ghost:hover:not(:disabled){border-color:var(--border)}.btn--accent{background:var(--text-primary);color:var(--depth-base);border:none}.btn--accent:hover:not(:disabled){background:var(--accent-hover);color:var(--depth-base)}.btn--icon{width:var(--btn-sm-h);height:var(--btn-sm-h);background:var(--surface-gradient);border-color:var(--border-hairline);border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;transition:background var(--dur-fast);flex-shrink:0;justify-content:center;align-items:center;padding:0;font-size:9px;line-height:1;display:flex}.btn--icon:hover{border-color:var(--border)}.btn--icon.btn--accent{background:var(--text-primary);color:var(--depth-base);border-color:#0000}.btn--icon.btn--accent:hover{background:var(--accent-hover);border-color:#0000}.btn--icon .icon-play,.btn--icon .icon-pause{justify-content:center;align-items:center;line-height:0;display:flex}.btn--icon .icon-play{margin-left:1px}.btn--icon svg{display:block}.slider{appearance:none;--fill:50%;background:linear-gradient(to right, var(--slider-fill) 0%, var(--slider-fill) var(--fill), var(--slider-track) var(--fill), var(--slider-track) 100%);cursor:pointer;border-radius:2px;outline:none;width:100%;height:5px}.slider:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.slider::-webkit-slider-thumb{appearance:none;box-sizing:content-box;background:var(--slider-thumb);border:3px solid var(--slider-thumb-border);cursor:pointer;width:12px;height:12px;transition:transform var(--dur-fast) var(--ease-out);border-radius:50%}.slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.slider::-moz-range-thumb{box-sizing:content-box;background:var(--slider-thumb);border:3px solid var(--slider-thumb-border);cursor:pointer;border-radius:50%;width:12px;height:12px}.slider::-moz-range-track{background:var(--slider-track);border-radius:2px;height:5px}.custom-select{flex:1;width:100%;min-width:0;position:relative}.custom-select__trigger{width:100%;height:var(--btn-md-h);padding:0 var(--sp-3);background:var(--surface-gradient);border:1px solid var(--border-hairline);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font);font-size:var(--text-base);cursor:pointer;transition:background var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out);text-align:left;justify-content:space-between;align-items:center;font-weight:400;display:flex;overflow:hidden}.custom-select__trigger:hover{border-color:var(--border)}.custom-select__trigger[aria-expanded=true]{border-color:var(--accent-muted)}.custom-select__label{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.custom-select__chevron{color:var(--text-secondary);transition:transform var(--dur-normal) var(--ease-out);flex-shrink:0;display:flex}.custom-select__chevron--open{transform:rotate(180deg)}.custom-select__dropdown{top:calc(100% + var(--sp-1));background:var(--depth-recessed);border:1px solid var(--border);border-radius:var(--radius-md);z-index:100;opacity:0;pointer-events:none;max-height:280px;transition:opacity var(--dur-normal) var(--ease-out), transform var(--dur-normal) var(--ease-out);padding:var(--sp-1) 0;scrollbar-width:thin;scrollbar-color:var(--depth-overlay) transparent;position:absolute;left:0;right:0;overflow-y:auto;transform:translateY(-4px)}.custom-select__dropdown--open{opacity:1;pointer-events:auto;transform:translateY(0)}.custom-select__group-label{font-size:var(--text-xs);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.08em;padding:var(--sp-2) var(--sp-3) var(--sp-1);font-weight:600}.custom-select__option{padding:var(--sp-2) var(--sp-3);cursor:pointer;color:var(--text-primary);font-size:var(--text-base);transition:background var(--dur-fast) var(--ease-out);justify-content:space-between;align-items:center;display:flex}.custom-select__option:hover{background:var(--depth-overlay-hover)}.custom-select__option--selected{color:var(--accent)}.custom-select__check{color:var(--accent);flex-shrink:0;display:none}.custom-select__option--selected .custom-select__check{display:flex}select,.input-number{width:100%;height:var(--btn-md-h);font-family:var(--font);font-size:var(--text-base);background:var(--surface-gradient);border:1px solid var(--border-hairline);color:var(--text-primary);padding:0 var(--sp-3) 0 var(--sp-3);border-radius:var(--radius-md);transition:background var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23999' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E"), var(--surface-gradient);background-repeat:no-repeat,no-repeat;background-position:right var(--sp-3) center, 0 0;padding-right:calc(var(--sp-3) + 16px);background-size:12px,auto;outline:none;font-weight:400}select:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}select:hover,.input-number:hover{border-color:var(--border)}select:focus,.input-number:focus{border-color:var(--accent-muted)}select option{background:var(--depth-recessed);color:var(--text-primary);padding:var(--sp-2)}select option:checked{background:var(--depth-overlay)}@-moz-document url-prefix(){select{color:var(--text-primary);background-color:var(--depth-overlay)}}.file-input{cursor:pointer;display:block;position:relative}.file-input input[type=file]{opacity:0;width:0;height:0;position:absolute}.file-input__label{padding:var(--sp-2) var(--sp-3);background:var(--depth-recessed);border-radius:var(--radius-sm);text-align:center;font-size:var(--text-xs);color:var(--text-secondary);transition:all var(--dur-fast);letter-spacing:.03em;display:block}.file-input:hover .file-input__label{border-color:var(--accent-muted);color:var(--text-primary)}.radio-group{gap:var(--sp-3);display:flex}.radio{cursor:pointer;font-size:var(--text-xs);color:var(--text-secondary);align-items:center;gap:var(--sp-1);transition:color var(--dur-fast);display:flex}.radio:has(input:checked){color:var(--text-primary)}.radio input[type=radio]{accent-color:var(--accent);margin:0}.control .toggle{cursor:pointer;align-items:center;gap:var(--sp-2);-webkit-user-select:none;margin-bottom:0;display:flex}.toggle{cursor:pointer}.toggle--right{-webkit-user-select:none;user-select:none;justify-content:space-between}.toggle input[type=checkbox]{opacity:0;width:0;height:0;position:absolute}.toggle__track{background:var(--depth-overlay);width:32px;min-width:32px;height:18px;transition:background var(--dur-fast);border:none;border-radius:9px;flex-shrink:0;display:inline-block;position:relative}.toggle__thumb{background:var(--text-primary);width:12px;height:12px;transition:transform var(--dur-fast) var(--ease-out), background var(--dur-fast);border-radius:50%;position:absolute;top:3px;left:4px}.toggle input:checked+.toggle__track{background:var(--text-primary);border-color:var(--text-primary)}.toggle input:checked+.toggle__track .toggle__thumb{background:var(--depth-base);transform:translate(12px)}.toggle__label{font-size:var(--text-xs);color:var(--text-secondary);transition:color var(--dur-fast)}.toggle input:checked~.toggle__label{color:var(--text-primary)}.toggle:has(input:disabled){cursor:not-allowed}:is(.toggle:has(input:disabled) .toggle__track,.toggle:has(input:disabled) .toggle__thumb){opacity:.4}.settings-option:has(input:disabled){cursor:not-allowed}.settings-option:has(input:disabled) .settings-option__label{opacity:.5}button:disabled,input:disabled,select:disabled,textarea:disabled,[disabled],[aria-disabled=true]{cursor:not-allowed}.samples-list{background:var(--depth-recessed);border-radius:var(--radius-sm);max-height:144px;padding:var(--sp-1);margin:var(--sp-2) 0;overflow-y:auto}.sample-loader{padding:var(--sp-2) var(--sp-3);font-size:var(--text-xs);color:var(--text-secondary);text-align:center;letter-spacing:.05em;animation:1.5s ease-in-out infinite pulse}.sample-item{padding:var(--sp-1) var(--sp-2);font-size:var(--text-xs);border-radius:var(--radius-sm);justify-content:space-between;align-items:center;display:flex}.sample-item__name{text-overflow:ellipsis;white-space:nowrap;color:var(--text-secondary);flex:1;overflow:hidden}.sample-item__actions{gap:var(--sp-1);flex-shrink:0;display:flex}.sample-item--loading{opacity:.5}.sample-item__status{font-size:var(--text-sm);color:var(--text-secondary);flex-shrink:0;animation:1.5s ease-in-out infinite pulse}.modal{z-index:10000;opacity:0;transition:opacity var(--dur-normal) var(--ease-out);background:#050505cc;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal--active{opacity:1}.modal__content{background:var(--depth-base);border-radius:var(--radius-xl);width:90%;max-width:560px;max-height:90vh;padding:var(--sp-6);transition:transform var(--dur-slow) var(--ease-out-expo);scrollbar-width:thin;scrollbar-color:var(--depth-overlay) transparent;position:relative;overflow-y:auto;transform:scale(.96)translateY(8px)}.modal--active .modal__content{transform:scale(1)translateY(0)}.modal__close{top:var(--sp-5);right:var(--sp-5);color:var(--text-secondary);cursor:pointer;width:24px;height:24px;transition:color var(--dur-fast), background var(--dur-fast);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:1.25rem;line-height:1;display:flex;position:absolute}.modal__close:hover{color:var(--text-primary)}.modal__title{font-size:var(--text-xl);letter-spacing:0;color:var(--text-primary);margin:0 0 var(--sp-6) 0;padding:0;font-weight:700;line-height:1.2}.modal__body{padding:0}.modal--alert .modal__content,.modal--confirm .modal__content{max-width:440px}.modal__message{font-size:var(--text-base);color:var(--text-secondary);margin:0 0 var(--sp-5) 0;line-height:1.5}.modal__actions{justify-content:flex-end;align-items:center;gap:var(--sp-2);display:flex}.modal__actions .btn{min-width:96px;padding:0 var(--sp-4)}.modal__content:has(.synth-controls) .modal__title{font-size:var(--text-lg);color:var(--text-primary);letter-spacing:0;margin:0 0 var(--sp-6) 0;font-weight:700;line-height:1.4}.synth-controls{gap:var(--sp-5);flex-direction:column;display:flex}.synth-controls .controls-section{gap:var(--sp-3);flex-direction:column;display:flex}.synth-controls .controls-section h3{font-size:var(--text-sm);letter-spacing:0;color:var(--text-primary);text-transform:none;margin:0;font-weight:600;line-height:1.4}.synth-controls .controls-section .control{margin-bottom:0}.export-progress{-webkit-backdrop-filter:blur(24px);z-index:10001;background:#000000d9;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.export-progress__content{width:480px;max-width:calc(100% - var(--sp-6));background:var(--depth-base);border:1px solid var(--border-hairline);border-radius:var(--radius-xl);padding:var(--sp-6)}.export-progress__header{margin-bottom:var(--sp-3)}.export-progress__filename{font-family:SF Mono,JetBrains Mono,ui-monospace,monospace;font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--sp-5);word-break:break-all;line-height:1.4}.export-progress__hero{background:var(--surface-gradient);border:1px solid var(--border-hairline);border-radius:var(--radius-xl);padding:var(--sp-4) var(--sp-4) var(--sp-3);margin-bottom:var(--sp-2)}.export-progress__hero-row{margin-bottom:var(--sp-3);justify-content:space-between;align-items:baseline;display:flex}.export-progress__hero-key{font-size:var(--text-sm);color:var(--text-secondary);font-weight:700;line-height:1.4}.export-progress__percent{font-size:var(--text-3xl);color:var(--text-display);font-variant-numeric:tabular-nums;font-weight:700;line-height:1}.export-progress__rack{gap:var(--sp-1);margin-bottom:var(--sp-5);flex-direction:column;display:flex}.stat-unit{background:var(--surface-gradient);border:1px solid var(--border-hairline);border-radius:var(--radius-xl);align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);min-height:44px;display:flex}.stat-unit__name{font-size:var(--text-sm);color:var(--text-primary);flex:1;font-weight:700;line-height:1.4}.stat-unit__type{height:18px;padding:0 var(--sp-2);background:var(--surface-gradient);border:1px solid var(--border-hairline);font-size:var(--text-xs);letter-spacing:.04em;text-transform:uppercase;color:var(--text-secondary);border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;font-weight:500;line-height:1;display:inline-flex}.stat-unit__value{font-family:SF Mono,JetBrains Mono,ui-monospace,monospace;font-size:var(--text-sm);color:var(--text-primary);font-variant-numeric:tabular-nums;flex-shrink:0;font-weight:500}.stat-unit__value strong{font-weight:600}.export-progress__foot{padding-top:var(--sp-4);border-top:1px solid var(--border-hairline);justify-content:flex-end;display:flex}.progress-bar{background:var(--depth-overlay);border-radius:2px;width:100%;height:3px;overflow:hidden}.progress-bar__fill{background:var(--accent);height:100%;transition:width var(--dur-normal) var(--ease-out);box-shadow:0 0 12px var(--accent-glow-strong);border-radius:2px}.progress-bar--indeterminate{position:relative;overflow:hidden}.progress-bar--indeterminate .progress-bar__fill{width:32%;transition:none;animation:1.4s ease-in-out infinite progress-indeterminate}@keyframes progress-indeterminate{0%{transform:translate(-100%)}to{transform:translate(312%)}}.progress-bar--shimmer{position:relative;overflow:hidden}.progress-bar--shimmer:after{content:"";pointer-events:none;will-change:transform;background:linear-gradient(90deg,#e8e8e800 0%,#ffffffb3 50%,#e8e8e800 100%);width:35%;animation:1.4s linear infinite progress-sweep;position:absolute;top:0;bottom:0;left:0;transform:translate(-100%)}@keyframes progress-sweep{0%{transform:translate(-100%)}to{transform:translate(290%)}}.stat-unit__value--pending{color:var(--text-secondary);animation:1.2s ease-in-out infinite stat-pulse}@keyframes stat-pulse{0%,to{opacity:.55}50%{opacity:1}}@media (prefers-reduced-motion:reduce){.progress-bar--shimmer:after,.progress-bar--indeterminate .progress-bar__fill{animation:none}.progress-bar--shimmer:after{display:none}.progress-bar--indeterminate .progress-bar__fill{width:100%;transform:none}.stat-unit__value--pending{opacity:.85;animation:none}}.export-error{margin-top:var(--sp-6);padding:var(--sp-4);border:1px solid var(--color-error);border-radius:var(--radius-md);background:#cc44441f}.export-error__message{font-size:var(--text-sm);color:var(--color-error);margin-bottom:var(--sp-3);line-height:1.4}.export-error__actions{gap:var(--sp-2);justify-content:center;display:flex}@keyframes pulse{0%,to{opacity:.2;transform:scale(1)}50%{opacity:.35;transform:scale(1.05)}}.controls-panel__handle,.mobile-gate{display:none}@media (width<=900px){.mobile-gate{z-index:9999;background:var(--depth-base);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.mobile-gate__content{text-align:center;padding:var(--sp-2);flex-direction:column;align-items:center;width:384px;max-width:100%;display:flex}.mobile-gate__icon{width:80px;height:80px;color:var(--text-secondary);margin:0 0 var(--sp-4) 0;justify-content:center;align-items:center;display:flex}.mobile-gate__title{font-size:var(--text-3xl);color:var(--text-display);margin:0;font-weight:700;line-height:1.4}.mobile-gate__subtitle{font-size:var(--text-lg);color:var(--text-secondary);margin:var(--sp-4) 0 0 0;line-height:1.4}.app{display:none}}.modal__content--settings{flex-direction:column;width:90vw;max-width:540px;height:min(640px,90vh);max-height:90vh;display:flex;overflow:hidden}.settings-header{margin-bottom:var(--sp-6);flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.settings-title{font-size:var(--text-lg);color:var(--text-primary);letter-spacing:0;font-weight:700;line-height:1.4}.settings-body{gap:var(--sp-5);scrollbar-width:thin;scrollbar-color:var(--depth-overlay) transparent;flex-direction:column;flex:1;min-height:0;display:flex;overflow-y:auto}.settings-section{gap:var(--sp-3);flex-direction:column;display:flex}.settings-section--hidden{display:none}.settings-label{font-size:var(--text-sm);color:var(--text-primary);text-transform:none;letter-spacing:0;font-weight:600;line-height:1.4}.settings-hint{font-size:var(--text-sm);color:var(--text-secondary);font-weight:400;line-height:1.4}.settings-option{justify-content:space-between;align-items:center;gap:var(--sp-4);display:flex}.settings-option__label{font-size:var(--text-sm);color:var(--text-secondary);flex:1;font-weight:400;line-height:1.4}.settings-actions{gap:var(--sp-2);margin-top:var(--sp-5);padding-top:var(--sp-5);border-top:1px solid var(--border-hairline);flex-shrink:0;grid-template-columns:1fr 1fr;display:grid}.btn--settings-secondary{height:var(--btn-md-h);padding:4px var(--btn-md-px);background:var(--surface-gradient);border:1px solid var(--border-hairline);border-radius:var(--radius-sm);color:var(--text-primary);font-size:var(--btn-font-size);font-weight:var(--btn-font-weight)}.btn--settings-secondary:hover{border-color:var(--border);color:var(--text-primary)}.btn--settings-primary{height:var(--btn-md-h);padding:4px var(--btn-md-px);background:var(--text-primary);border-radius:var(--radius-sm);color:var(--depth-base);font-size:var(--btn-font-size);font-weight:var(--btn-font-weight)}.btn--settings-primary:hover{background:var(--accent-hover);color:var(--depth-base)}.export-section{margin-bottom:0}.export-section--hidden{display:none}.export-label{font-size:var(--text-lg);color:var(--text-primary);margin-bottom:var(--sp-3);font-weight:700}.export-hint{font-size:var(--text-sm);color:var(--text-secondary)}.modal__content--chain{max-width:480px}.chain-rack{gap:var(--sp-1);flex-direction:column;display:flex}.rack-unit{background:var(--surface-gradient);border:1px solid var(--border-hairline);border-radius:var(--radius-xl);transition:border-color var(--dur-fast);-webkit-user-select:none;user-select:none}.rack-unit:hover,.rack-unit--selected{border-color:var(--border)}.rack-unit__header{align-items:center;gap:var(--sp-3);padding:var(--sp-4);cursor:pointer;min-height:56px;display:flex}.rack-unit__grip{gap:var(--sp-1);cursor:grab;padding:var(--sp-1) 0;flex-direction:column;flex-shrink:0;display:flex}.rack-unit__grip span{background:var(--text-secondary);border-radius:1px;width:12px;height:1.5px;display:block}.rack-unit__info{align-items:center;gap:var(--sp-3);flex:1;min-width:0;display:flex}.rack-unit__name{min-width:0;font-size:var(--text-sm);color:var(--text-secondary);flex:1;font-weight:700;line-height:1.4}.rack-unit--selected .rack-unit__name{color:var(--text-primary)}.rack-unit__type{height:18px;padding:0 var(--sp-2);background:var(--surface-gradient);border:1px solid var(--border-hairline);font-size:var(--text-xs);letter-spacing:.04em;text-transform:uppercase;color:var(--text-secondary);border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;font-weight:500;line-height:1;display:inline-flex}.rack-unit--output .rack-unit__header{cursor:default;min-height:48px}.rack-unit--output:hover{border-color:var(--border-hairline)}.rack-unit__params{padding:0 var(--sp-4) var(--sp-4) calc(var(--sp-4) + 12px + var(--sp-3));display:none}.rack-unit--selected .rack-unit__params{display:block}.toggle--bypass{flex-shrink:0;align-self:center;align-items:center;line-height:0;display:inline-flex}.toggle--bypass .toggle__track{background:#cb484a}.toggle--bypass .toggle__thumb{background:var(--depth-base)}.toggle--bypass input:checked+.toggle__track{background:#48cb5e}.toggle--bypass input:checked+.toggle__track .toggle__thumb{background:var(--depth-base)}.seg-control{gap:var(--sp-2);display:flex}.seg-control--narrow{max-width:220px}.seg-control__btn{height:var(--btn-md-h);padding:4px var(--btn-md-px);cursor:pointer;font-family:var(--font);font-size:var(--btn-font-size);font-weight:var(--btn-font-weight);color:var(--text-primary);background:var(--surface-gradient);border:1px solid var(--border-hairline);border-radius:var(--radius-sm);transition:background var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out);-webkit-user-select:none;user-select:none;text-align:center;white-space:nowrap;flex:1;justify-content:center;align-items:center;display:flex;position:relative}.seg-control__btn.seg-control__btn{color:var(--text-primary);font-weight:var(--btn-font-weight);margin-bottom:0;line-height:1;display:flex}.seg-control__btn span{align-items:center;gap:var(--sp-1);display:inline-flex}.seg-control__btn span svg{flex-shrink:0}.seg-control__btn input[type=radio],.seg-control__btn input[type=checkbox]{opacity:0;pointer-events:none;width:0;height:0;margin:0;padding:0;position:absolute}:is(.seg-control__btn.seg-control__btn--active,.seg-control__btn.seg-control__btn:has(input:checked)){color:var(--depth-base);background:var(--text-primary);border-color:#0000}.seg-control__btn:hover:not(.seg-control__btn--active):not(:has(input:checked)){border-color:var(--border)}.export-track{align-items:center;gap:var(--sp-2);margin-bottom:var(--sp-2);display:flex}.export-track__check{align-items:center;gap:var(--sp-2);font-size:var(--text-xs);color:var(--text-primary);cursor:pointer;display:flex}.export-track__check input[type=checkbox]{display:none}.export-track__box{background:var(--depth-overlay);border:1px solid var(--text-disabled);width:14px;height:14px;transition:all var(--dur-fast);border-radius:3px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.export-track__check input:checked+.export-track__box{background:var(--text-primary);border-color:var(--text-primary)}.export-track__check input:checked+.export-track__box:after{content:"✓";color:var(--depth-base);font-size:8px;font-weight:700}.export-track__fx{align-items:center;gap:var(--sp-1);margin-left:auto;display:flex}.export-track__fx-label{font-size:var(--text-xs);color:var(--text-secondary)}.toggle-switch{cursor:pointer;background:var(--border);width:28px;height:14px;transition:background var(--dur-fast);border:none;border-radius:7px;padding:0;position:relative}.toggle-switch--on{background:var(--text-secondary)}.toggle-switch__knob{background:var(--text-secondary);width:10px;height:10px;transition:all var(--dur-fast);border-radius:50%;position:absolute;top:2px;left:2px}.toggle-switch--on .toggle-switch__knob{background:var(--text-primary);left:16px}.export-btn-row{gap:var(--sp-2);padding-top:var(--sp-4);margin-top:auto;display:flex}.export-btn-row .btn{flex:1}.modal__content--help{max-width:720px}.help-storyboard{gap:var(--sp-1);margin-bottom:var(--sp-6);display:flex}.help-panel{text-align:center;flex-direction:column;flex:1;align-items:center;display:flex;position:relative}.help-panel__icon+.help-panel__title{margin-top:var(--sp-3)}.help-panel+.help-panel:before{content:"";background:var(--border-subtle);width:calc(100% - 76px);height:1px;position:absolute;top:32px;right:calc(50% + 38px)}.help-panel__icon{border-radius:var(--radius-xl);background:var(--surface-gradient);border:1px solid var(--border-hairline);width:64px;height:64px;color:var(--text-secondary);justify-content:center;align-items:center;display:flex}.help-panel__icon svg{width:24px;height:24px}.help-panel__title{font-size:var(--text-sm);color:var(--text-primary);margin:0;font-weight:700;line-height:1.4}.help-panel__desc{font-size:var(--text-sm);color:var(--text-secondary);padding:0 var(--sp-2);margin:6px 0 0;line-height:1.4}.help-shortcuts{align-items:center;gap:var(--sp-3);padding:var(--sp-4);background:var(--surface-gradient);border:1px solid var(--border-hairline);border-radius:var(--radius-xl);display:flex}.help-feedback{margin:var(--sp-4) 0 0 0;font-size:var(--text-xs);color:var(--text-secondary);text-align:center}.help-feedback a{color:var(--text-primary);text-underline-offset:2px;transition:color var(--dur-fast) var(--ease-out);text-decoration:underline}.help-feedback a:hover{color:var(--accent-hover)}.help-shortcut{align-items:center;gap:var(--sp-2);font-size:var(--text-xs);color:var(--text-secondary);white-space:nowrap;flex:1;display:flex}.help-shortcut kbd{height:18px;padding:0 var(--sp-2);background:var(--depth-elevated);color:var(--text-primary);font-family:var(--font);font-size:var(--text-xs);letter-spacing:.04em;text-transform:uppercase;border-radius:999px;justify-content:center;align-items:center;font-weight:500;display:inline-flex}.audio-warning{z-index:10002;background:var(--color-warning);color:var(--depth-base);text-align:center;padding:var(--sp-2) var(--sp-4);font-size:var(--text-sm);font-weight:600;position:fixed;top:0;left:0;right:0}.btn:focus-visible,.toggle input:focus-visible+.toggle__track,.seg-control__btn input:focus-visible+span{outline:2px solid var(--accent);outline-offset:2px}.skip-link{top:-100%;left:var(--sp-3);background:var(--depth-surface);color:var(--text-primary);padding:var(--sp-2) var(--sp-4);border-radius:var(--radius-sm);z-index:10001;font-size:var(--text-sm);position:absolute}.skip-link:focus{top:var(--sp-3)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}