@import "https://fonts.googleapis.com/css2?family=Outfit:wght@400;600;700&family=Fira+Code:wght@400;500&display=swap";:root{--hub-gap:20px;--card-radius:20px;--card-padding:24px;--bg-color:#f2f0eb;--card-bg:#fff;--card-bg-warm:#faf8f4;--accent-primary:#7c69e3;--accent-primary-d:#6351c4;--accent-secondary:#ff85a1;--accent-secondary-d:#c9184a;--accent-green:#c6f6d5;--accent-green-d:#7ab824;--accent-plum:#6b3fa0;--accent-yellow:#fef3c7;--accent-cyan:#b2f5ea;--accent-amber:#f4a535;--text-primary:#1a1a2e;--text-secondary:#4a4a6a;--text-muted:#8888a8;--border-light:#00000012;--border-card:#0000000f;--shadow-card:0 4px 16px #0000000f, 0 1px 4px #0000000a;--shadow-hover:0 8px 32px #0000001f, 0 2px 8px #0000000f;--font-sans:"Outfit", system-ui, -apple-system, sans-serif;--font-mono:"Fira Code", "Courier New", monospace;--t-fast:.18s ease;--t-med:.28s ease}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-sans);background-color:var(--bg-color);color:var(--text-primary);-webkit-font-smoothing:antialiased;flex-direction:column;min-height:100vh;line-height:1.65;display:flex}a{color:inherit;text-decoration:none}[hidden]{display:none!important}body.is-dragging,body.is-dragging *{-webkit-user-select:none!important;user-select:none!important}::-webkit-scrollbar{width:7px}::-webkit-scrollbar-track{background:var(--bg-color)}::-webkit-scrollbar-thumb{background:#00000026;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#00000040}::selection{background:var(--accent-primary);color:#fff}.app-header{-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border-light);z-index:100;background:#ffffffd9;position:sticky;top:0;box-shadow:0 2px 12px #0000000a}.header-inner{justify-content:space-between;align-items:center;gap:16px;max-width:1300px;margin:0 auto;padding:14px 24px;display:flex}.logo-block{align-items:center;gap:12px;display:flex}.logo-img{object-fit:contain;border-radius:8px;width:32px;height:32px;box-shadow:0 2px 8px #7c69e333}.logo-text{flex-direction:column;gap:1px;display:flex}.logo-title{font-family:var(--font-sans);letter-spacing:-.01em;color:var(--text-primary);font-size:15px;font-weight:700}.logo-sub{font-family:var(--font-mono);color:var(--text-muted);letter-spacing:.04em;font-size:10px}.header-badges{align-items:center;gap:8px;display:flex}.badge{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;border-radius:99px;padding:3px 10px;font-size:10px;font-weight:500}.badge--green{color:var(--accent-green-d);background:#e8f9ef;border:1px solid #c3f0d0}.badge--amber{color:#b07a10;background:#fff8ec;border:1px solid #fcdfa0}.badge--red{color:#c0392b;background:#fef0f0;border:1px solid #f5c6c6}.badge--blue{color:var(--accent-primary-d);border:1px solid var(--accent-primary);background:#eef4fb}.header-progress-container{z-index:101;background:0 0;width:100%;height:3px;position:absolute;top:0;left:0;overflow:hidden}.header-progress-fill{opacity:0;background:linear-gradient(90deg, var(--accent-primary), var(--accent-cyan), var(--accent-secondary));width:0%;height:100%;box-shadow:0 0 8px var(--accent-primary);transition:width .3s cubic-bezier(.4,0,.2,1),opacity .3s}.header-scanline{background:linear-gradient(90deg, var(--accent-primary), var(--accent-cyan), var(--accent-secondary));opacity:.3;height:2px}.app-main{grid-template-columns:var(--col-left,1fr) 6px var(--col-center,420px) 6px var(--col-right,1fr);flex:1;align-items:stretch;gap:0;width:100%;max-width:1400px;margin:0 auto;padding:clamp(16px,3vw,32px);display:grid}.resizer{cursor:col-resize;z-index:10;width:100%;height:100%;min-height:400px;transition:background var(--t-fast);background:0 0;justify-content:center;align-items:center;display:flex;position:relative}.resizer:before{content:"";background:var(--border-light);opacity:.5;width:1px;position:absolute;top:0;bottom:0}.resizer:hover{background:#7c69e30a}.resizer-line{width:4px;height:100%;transition:all var(--t-fast);background:0 0;border-radius:0;justify-content:center;align-items:center;display:flex;position:relative}.resizer-line:after{content:"⋮";color:var(--text-muted);background:var(--bg-color);border:1px solid var(--border-light);width:20px;height:32px;box-shadow:var(--shadow-card);opacity:.8;transition:all var(--t-fast);border-radius:6px;justify-content:center;align-items:center;font-size:24px;display:flex;position:absolute}.resizer:hover .resizer-line:after{color:var(--accent-primary);border-color:var(--accent-primary);opacity:1;transform:scale(1.1)}.resizer:hover .resizer-line{background:#7c69e31a}.resizer.dragging .resizer-line{background:var(--accent-primary);width:2px}.resizer.dragging .resizer-line:after{opacity:0}[data-tooltip]{cursor:help;position:relative}[data-tooltip]:after{content:attr(data-tooltip);color:#1a1a1a;white-space:normal;opacity:0;pointer-events:none;z-index:1000;text-align:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff2;border:1px solid #fff3;border-radius:14px;width:240px;padding:12px 16px;font-size:1rem;font-weight:500;line-height:1.4;transition:all .25s cubic-bezier(.4,0,.2,1);position:absolute;bottom:140%;left:50%;transform:translate(-50%)translateY(10px);box-shadow:0 10px 30px #00000040}@media (prefers-color-scheme:dark){[data-tooltip]:after{color:#fff;background:#1e1e23f2;border-color:#ffffff1a}}[data-tooltip]:hover:after{opacity:1;transform:translate(-50%)translateY(0)}.panel{background:var(--card-bg);border-radius:var(--card-radius);padding:var(--card-padding);box-shadow:var(--shadow-card);border:1px solid var(--border-card);z-index:1;transition:transform var(--t-med), box-shadow var(--t-med);flex-direction:column;gap:18px;animation:.4s cubic-bezier(.4,0,.2,1) both panel-in;display:flex;position:relative}.panel.panel--disabled{opacity:.6;pointer-events:none;filter:grayscale(40%);cursor:not-allowed;box-shadow:var(--shadow-card)!important;transform:none!important}.panel:has([data-tooltip]:hover){z-index:50}.panel:first-child{animation-delay:.1s}.panel:nth-child(2){animation-delay:.2s}.panel:nth-child(3){animation-delay:.3s}@keyframes panel-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (hover:hover){.panel:hover{box-shadow:var(--shadow-hover);transform:translateY(-3px)}}.panel--controls{background:var(--card-bg-warm)}.panel-label{font-family:var(--font-mono);letter-spacing:.12em;color:var(--text-muted);text-transform:uppercase;font-size:.63rem;font-weight:500}.drop-zone{border:2px dashed var(--border-light);text-align:center;cursor:pointer;background:var(--bg-color);transition:border-color var(--t-fast), background var(--t-fast), box-shadow var(--t-fast);border-radius:14px;flex-direction:column;align-items:center;gap:10px;padding:36px 20px;display:flex}.drop-zone:hover,.drop-zone:focus-visible{border-color:var(--accent-primary);background:#f8f7ff;outline:none;box-shadow:0 0 0 4px #7c69e31a}.drop-zone.drag-over{border-color:var(--accent-primary);background:#f0eeff;transform:scale(1.01);box-shadow:0 0 0 4px #7c69e333}.drop-icon{color:var(--text-muted);transition:color var(--t-fast)}.drop-zone:hover .drop-icon,.drop-zone.drag-over .drop-icon{color:var(--accent-primary)}.drop-title{letter-spacing:.02em;color:var(--text-primary);font-size:.88rem;font-weight:700}.drop-sub{font-family:var(--font-mono);color:var(--text-secondary);font-size:.75rem}.drop-formats{font-family:var(--font-mono);color:var(--text-muted);font-size:.68rem}.file-label-btn{color:var(--accent-primary);cursor:pointer;transition:color var(--t-fast);text-decoration:underline}.file-label-btn:hover{color:var(--text-primary)}.queue-header{justify-content:space-between;align-items:center;display:flex}.file-queue{flex-direction:column;gap:6px;max-height:280px;list-style:none;display:flex;overflow-y:auto}.queue-item{background:var(--bg-color);border:1px solid var(--border-light);font-family:var(--font-mono);transition:border-color var(--t-fast);border-radius:10px;align-items:center;gap:10px;padding:8px 12px;font-size:.72rem;animation:.2s item-in;display:flex}@keyframes item-in{0%{opacity:0;transform:translate(-6px)}to{opacity:1;transform:translate(0)}}.queue-item__icon{text-align:center;min-width:18px;font-size:14px}.queue-item__name{text-overflow:ellipsis;white-space:nowrap;color:var(--text-primary);flex:1;overflow:hidden}.queue-item__size{color:var(--text-muted);white-space:nowrap;font-size:.65rem}.queue-item__status{white-space:nowrap;color:var(--text-muted);font-size:.65rem}.queue-item--processing{border-color:var(--accent-amber);background:#fff8ec}.queue-item--done{border-color:var(--accent-green-d);background:#f3fce8}.queue-item--error{background:#fff5f5;border-color:#e57373}.preset-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.btn--preset-card{background:var(--card-bg);border:1px solid var(--border-light);color:var(--text-primary);cursor:pointer;transition:all var(--t-fast);text-align:left;border-radius:14px;grid-template-columns:auto 1fr;align-items:center;gap:14px;padding:12px 16px;display:grid}.preset-card__icon-wrapper{width:38px;height:38px;color:var(--accent-primary);transition:all var(--t-fast);background:#7c69e312;border-radius:10px;justify-content:center;align-items:center;font-size:16px;display:flex}.preset-card__details{flex-direction:column;gap:2px;display:flex}.btn--preset-card:not(.active):hover:not(:disabled){border-color:var(--accent-primary);background:var(--card-bg-warm);transform:translateY(-2px);box-shadow:0 4px 12px #7c69e314}.btn--preset-card.active:hover:not(:disabled){background:linear-gradient(135deg,#7c4cb8 0%,#3a1a6b 100%);transform:translateY(-2px);box-shadow:0 6px 18px #6b3fa059}.btn--preset-card.active{background:linear-gradient(135deg, var(--accent-plum) 0%, #4a2a80 100%);color:#fff;border-color:#0000;box-shadow:0 4px 14px #6b3fa038}.btn--preset-card.active .preset-card__icon-wrapper{color:#fff;background:#ffffff2e}.btn--preset-card:disabled{opacity:.45;cursor:not-allowed;background:0 0;border-style:dashed}.btn--preset-card:disabled .preset-card__icon-wrapper{color:var(--text-muted);background:#0000000a}.preset-card__title{font-family:var(--font-sans);letter-spacing:.02em;text-transform:uppercase;font-size:.76rem;font-weight:700}.preset-card__meta{font-family:var(--font-mono);opacity:.6;font-size:.62rem;font-weight:500}.btn--preset-card.active .preset-card__meta{opacity:.82}.audio-rack{background:var(--bg-color);border:1px solid var(--border-light);border-radius:14px;grid-template-columns:1fr 1fr;gap:16px 14px;padding:16px;display:grid;box-shadow:inset 0 2px 8px #00000008}.audio-rack .control-value{font-size:1.15rem}.audio-rack .control-group{gap:8px}.audio-rack .toggle-switch{height:100%;padding:8px 10px}@media (width<=600px){.audio-rack{grid-template-columns:1fr}}.control-group{flex-direction:column;gap:10px;display:flex}.control-header{justify-content:space-between;align-items:baseline;display:flex}.control-label{font-family:var(--font-mono);letter-spacing:.1em;color:var(--text-muted);text-transform:uppercase;font-size:.68rem}.control-value{font-family:var(--font-sans);color:var(--accent-primary);font-size:1.4rem;font-weight:700;line-height:1}.control-value .unit{color:var(--text-muted);font-size:.72rem;font-weight:400}.control-hint{font-family:var(--font-mono);color:var(--text-muted);font-size:.65rem}.slider-track-wrap{flex-direction:column;gap:6px;display:flex}.slider{appearance:none;background:var(--border-light);cursor:pointer;background:linear-gradient(90deg, var(--accent-primary) var(--pct,50%), #0000001a var(--pct,50%));border-radius:2px;outline:none;width:100%;height:4px}.slider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--card-bg);border:2.5px solid var(--accent-primary);cursor:pointer;width:18px;height:18px;transition:transform var(--t-fast), box-shadow var(--t-fast);border-radius:50%;box-shadow:0 2px 8px #0000001f}.slider::-moz-range-thumb{background:var(--card-bg);border:2.5px solid var(--accent-primary);cursor:pointer;border-radius:50%;width:18px;height:18px;box-shadow:0 2px 8px #0000001f}.slider:hover::-webkit-slider-thumb{transform:scale(1.2);box-shadow:0 4px 12px #7c69e34d}.slider-pips{font-family:var(--font-mono);color:var(--text-muted);justify-content:space-between;padding:0 2px;font-size:.6rem;display:flex}.toggle-switch{background:var(--bg-color);border:1.5px solid var(--border-light);cursor:pointer;transition:border-color var(--t-fast), background var(--t-fast);text-align:left;border-radius:10px;align-items:center;gap:12px;width:100%;padding:10px 14px;display:flex}.toggle-switch.active{border-color:var(--accent-primary);background:#f8f7ff}.toggle-track{width:36px;height:20px;transition:background var(--t-med);background:#00000026;border-radius:10px;flex-shrink:0;position:relative}.toggle-switch.active .toggle-track{background:var(--accent-primary)}.toggle-thumb{width:14px;height:14px;transition:transform var(--t-med);background:#fff;border-radius:50%;position:absolute;top:3px;left:3px;box-shadow:0 1px 4px #00000026}.toggle-switch.active .toggle-thumb{transform:translate(16px)}.toggle-label-text{font-family:var(--font-mono);letter-spacing:.06em;color:var(--text-muted);font-size:.68rem}.toggle-switch.active .toggle-label-text{color:var(--accent-primary)}.action-row{gap:10px;margin-top:4px;display:flex}.btn{font-family:var(--font-sans);cursor:pointer;transition:all var(--t-fast);border:none;border-radius:99px;justify-content:center;align-items:center;gap:8px;padding:10px 22px;font-size:.82rem;font-weight:600;display:inline-flex}.btn:disabled{opacity:.4;cursor:not-allowed;transform:none!important}.btn--primary{background:var(--accent-primary);color:#fff;flex:1;padding:13px 22px;box-shadow:0 4px 14px #7c69e34d}.btn--primary:not(:disabled):hover{background:var(--accent-primary-d);transform:translateY(-2px);box-shadow:0 6px 20px #7c69e366}.btn--hero{background:linear-gradient(135deg, var(--accent-primary) 0%, var(--accent-plum) 100%);letter-spacing:.05em;border:1px solid #ffffff1a;border-radius:16px;flex:1.5;padding:15px 32px;font-size:1rem;box-shadow:0 8px 24px #6b3fa040}.btn--hero:not(:disabled):hover{background:linear-gradient(135deg,#7ab1d8 0%,#7c4cb8 100%);transform:translateY(-3px)scale(1.02);box-shadow:0 12px 32px #6b3fa059}.btn--hero:active{transform:translateY(-1px)scale(.98)}.btn--primary.processing,.btn--primary.packing{background:var(--accent-amber);box-shadow:0 4px 14px #f4a5354d}.btn--zip{background:var(--accent-plum);box-shadow:0 4px 14px #6b3fa033}.btn--zip:not(:disabled):hover{background:#5a358c;box-shadow:0 6px 20px #6b3fa04d}.batch-actions{animation:.3s item-in}.btn--secondary{border:1.5px solid var(--accent-primary);color:var(--accent-primary);background:#fff}.btn--secondary:not(:disabled):hover{border-color:var(--accent-primary);background:#fdfcff;transform:translateY(-2px)}.btn--secondary.playing{border-color:var(--accent-secondary-d);color:var(--accent-secondary-d);background:snow}.btn--demo{background:var(--card-bg);border:1.5px solid var(--accent-primary);color:var(--accent-primary);font-family:var(--font-mono);letter-spacing:.05em;transition:all var(--t-fast);border-radius:24px;align-items:center;gap:10px;margin-top:14px;padding:9px 20px;font-size:.78rem;font-weight:700;display:flex;box-shadow:0 4px 12px #7c69e31f}.btn--demo:hover:not(:disabled){background:var(--accent-primary);color:#fff;transform:translateY(-1px);box-shadow:0 6px 16px #7c69e338}#btn-ab.active{background:var(--accent-primary);color:#fff;border-color:var(--accent-primary-d)}.action-stack{flex-direction:column;gap:12px;margin-top:auto;padding-top:16px;display:flex}.ab-container{flex-wrap:wrap;justify-content:center;gap:12px;animation:.3s item-in;display:flex}.btn--ab-toggle{background:var(--card-bg);border:1.5px solid var(--accent-secondary);font-family:var(--font-mono);color:var(--accent-secondary-d);cursor:pointer;transition:all var(--t-fast);border-radius:99px;align-items:center;gap:8px;padding:8px 16px;font-size:.7rem;display:flex;box-shadow:0 2px 8px #f5c2cc4d}.btn--ab-toggle:not(.active):hover{border-color:var(--accent-secondary-d);background:snow;transform:translateY(-1px)}.btn--ab-toggle.active:hover{background:linear-gradient(135deg, var(--accent-secondary) 0%, #a0103a 100%);transform:translateY(-2px);box-shadow:0 6px 20px #c9184a66}.btn--ab-toggle.active{background:linear-gradient(135deg, var(--accent-secondary) 0%, var(--accent-secondary-d) 100%);color:#fff;border-color:#ffffff26;box-shadow:0 4px 15px #c9184a4d}.btn--ab-toggle.active .hotkey{color:#fff;opacity:.9;background:#fff3;border-color:#ffffff1a}.btn--live-toggle{background:var(--card-bg);border:1.5px solid var(--border-light);font-family:var(--font-mono);color:var(--text-secondary);cursor:pointer;transition:all var(--t-fast);border-radius:99px;align-items:center;gap:8px;padding:8px 16px;font-size:.7rem;display:flex;box-shadow:0 2px 8px #00000008}.btn--live-toggle:not(.active):hover{background:var(--bg-color);transform:translateY(-1px)}.btn--live-toggle.active:hover{background:linear-gradient(135deg,#14b8a6 0%,#0f766e 100%);transform:translateY(-2px);box-shadow:0 6px 20px #14b8a673}.btn--live-toggle.active{color:#fff;background:linear-gradient(135deg,#2dd4bf 0%,#0d9488 100%);border-color:#ffffff26;box-shadow:0 4px 15px #14b8a659}.btn--live-toggle.active .hotkey{color:#fff;opacity:.9;background:#fff3;border-color:#ffffff1a}.live-icon{transition:transform var(--t-med), filter var(--t-med);font-size:10px}.btn--live-toggle.active .live-icon{filter:drop-shadow(0 0 5px #ffffffe6);animation:1.5s cubic-bezier(.4,0,.2,1) infinite live-pulse}@keyframes live-pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.4)}to{opacity:1;transform:scale(1)}}.live-label{font-weight:500}.ab-label{opacity:.7;font-weight:400}.ab-value{letter-spacing:.05em;font-weight:700}.filter-grid{border:1px solid var(--border-light);background:#00000005;border-radius:12px;grid-template-columns:1fr 1fr;gap:12px;padding:12px;display:grid}.filter-item{flex-direction:column;gap:4px;display:flex}.filter-item--full{border-top:1px dashed var(--border-light);grid-column:1/-1;margin-top:4px;padding-top:8px}.filter-label{font-family:var(--font-mono);color:var(--text-muted);text-transform:uppercase;font-size:.6rem}.filter-value{font-family:var(--font-mono);color:var(--accent-plum);text-align:right;font-size:.65rem;font-weight:600}.slider--small{height:3px}.slider--small::-webkit-slider-thumb{width:14px;height:14px}.btn--ghost{border:1.5px solid var(--border-light);color:var(--text-muted);background:0 0;border-radius:99px;padding:6px 14px;font-size:.72rem}.btn--ghost:hover{color:#c0392b;border-color:#e57373}.btn--xs{padding:4px 10px;font-size:.65rem}.btn-remove{color:#e57373;cursor:pointer;transition:all var(--t-fast);background:0 0;border:none;border-radius:4px;padding:0 4px;font-size:1.2rem;line-height:1}.btn-remove:hover{color:#c0392b;background:#ffeb3b40;transform:scale(1.1)}.hotkey{font-family:var(--font-mono);opacity:.6;letter-spacing:.05em;background:#0000000f;border:1px solid #0000000a;border-radius:4px;margin-left:6px;padding:2px 5px;font-size:.55rem;font-weight:600}.btn--hero .hotkey{color:#fff;background:#ffffff26;border:1px solid #ffffff1a}.btn-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:13px;height:13px;animation:.6s linear infinite spin;display:none}.btn--primary.processing .btn-spinner{display:block}@keyframes spin{to{transform:rotate(360deg)}}.progress-wrap{flex-direction:column;gap:6px;display:flex}.progress-label{font-family:var(--font-mono);color:var(--text-muted);justify-content:space-between;font-size:.68rem;display:flex}.progress-bar{background:#00000014;border-radius:3px;height:6px;position:relative;overflow:hidden}.progress-fill{background:linear-gradient(90deg, var(--accent-primary), var(--accent-plum));border-radius:99px;width:0%;height:100%;transition:width .3s cubic-bezier(.4,0,.2,1)}.progress-scanline{display:none}.log-window{height:50vh;min-height:300px;font-family:var(--font-mono);background:#1a1a2e;border-radius:12px;flex-direction:column;gap:2px;padding:16px;font-size:.72rem;display:flex;overflow-y:auto}.panel--controls{height:100%}.log-line{line-height:1.8;animation:.15s log-in}@keyframes log-in{0%{opacity:0;filter:brightness(2);transform:translateY(5px)}to{opacity:1;filter:brightness();transform:translateY(0)}}.log-line--sys{color:#5a5a80}.log-line--info{color:#c8c8e8}.log-line--ok{color:var(--accent-green)}.log-line--warn{color:var(--accent-amber)}.log-line--error{color:#ff7b7b}.log-line--accent{color:var(--accent-primary)}.results-area{flex-direction:column;gap:8px;display:flex}.result-item{background:#f3fce8;border:1px solid #c3f0d0;border-radius:12px;flex-direction:column;align-items:stretch;gap:12px;padding:14px 16px;animation:.25s item-in;display:flex}.result-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.result-name{font-family:var(--font-mono);color:var(--text-primary);word-break:break-all;flex:1;min-width:180px;font-size:.75rem;font-weight:600}.daw-hint{font-family:var(--font-sans);color:var(--text-muted);letter-spacing:.05em;white-space:nowrap;font-size:.65rem;font-weight:700}.result-links{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.btn-download{font-family:var(--font-mono);background:var(--accent-green-d);color:#fff;cursor:grab;transition:all var(--t-fast);white-space:nowrap;border:none;border-radius:99px;align-items:center;gap:6px;padding:4px 10px;font-size:.65rem;font-weight:600;text-decoration:none;display:inline-flex;position:relative;box-shadow:0 2px 6px #7ab82426}.btn-download:active{cursor:grabbing}.btn-download[draggable=true]:before{content:"⠿";opacity:.5;margin-right:-2px;font-size:8px}.btn-download:hover{background:#629618;box-shadow:0 4px 14px #7ab82466}.download-group{transition:transform var(--t-fast)}.download-group:hover{transform:translateY(-1px)}.btn-share{background:var(--card-bg);color:var(--accent-green-d);cursor:pointer;transition:all var(--t-fast);border:1px solid #c3f0d0;border-left:none;border-radius:0 99px 99px 0;justify-content:center;align-items:center;padding:0 10px;display:flex}.btn-share:hover{color:var(--accent-plum);background:#e8f9ef}.download-group .btn-download{border-radius:99px 0 0 99px}.app-footer{text-align:center;border-top:1px solid var(--border-light);font-family:var(--font-mono);color:var(--text-muted);justify-content:center;align-items:center;gap:12px;padding:16px 24px;font-size:.68rem;display:flex}.footer-sep{color:var(--border-light)}.footer-link{color:var(--text-muted);transition:color var(--t-fast)}.footer-link:hover{color:var(--accent-primary)}.footer-link--donate{letter-spacing:.02em;font-weight:700;color:var(--accent-secondary-d)!important}.footer-link--donate:hover{text-decoration:underline;color:var(--accent-primary)!important}.toast{z-index:9999;font-family:var(--font-mono);background:var(--card-bg);border:1px solid var(--border-card);color:var(--text-primary);max-width:320px;box-shadow:var(--shadow-hover);opacity:0;pointer-events:none;border-radius:14px;padding:12px 20px;font-size:.75rem;transition:opacity .25s,transform .25s;position:fixed;bottom:24px;right:24px;transform:translateY(10px)}.toast.show{opacity:1;pointer-events:auto;transform:translateY(0)}.toast--ok{border-color:var(--accent-green-d);color:var(--accent-green-d);background:#f3fce8}.toast--error{color:#c0392b;background:#fff5f5;border-color:#e57373}.toast--info{border-color:var(--accent-primary);color:var(--accent-primary-d);background:#f8f7ff}a:focus-visible,button:focus-visible,[role=button]:focus-visible{outline:2px solid var(--accent-primary);outline-offset:3px;border-radius:6px}@media (width<=1140px){.app-main{gap:var(--hub-gap);grid-template-columns:1fr 1fr;padding:24px}.panel--log{grid-column:1/-1}.resizer{display:none}}@media (width<=860px){:root{--hub-gap:16px;--card-padding:20px}.app-main{grid-template-columns:1fr;padding:16px}.header-inner{text-align:center;flex-wrap:wrap;justify-content:center}.logo-block{justify-content:center;width:100%;margin-bottom:8px}.resizer{display:none}.log-window{height:35vh;min-height:250px}}@media (width<=480px){:root{--hub-gap:12px;--card-padding:16px;--card-radius:16px}.app-main{padding:12px}.action-row{flex-direction:column}.btn--hero{flex:none;width:100%}.btn--primary{width:100%}.preset-grid{grid-template-columns:1fr}.audio-rack{gap:12px;padding:12px}.control-header{flex-direction:column;align-items:flex-start;gap:4px}.control-value{font-size:1.2rem}.header-badges{justify-content:center;width:100%}.badge{padding:2px 8px;font-size:9px}.footer-link--donate{width:100%;margin-top:4px}}@media (prefers-reduced-motion:reduce){.panel,.btn,.drop-zone,.toggle-track,.toggle-thumb{transition:none;animation:none}.btn-spinner{animation:none}}.visualizer-glow{animation:2s ease-in-out infinite vis-glow;box-shadow:0 0 15px #7c69e333}@keyframes vis-glow{0%{filter:drop-shadow(0 0 2px var(--accent-primary));opacity:.9}50%{filter:drop-shadow(0 0 10px var(--accent-primary));opacity:1}to{filter:drop-shadow(0 0 2px var(--accent-primary));opacity:.9}}.modal-overlay{-webkit-backdrop-filter:blur(8px);z-index:2000;background:#0a0a0f66;justify-content:center;align-items:center;width:100%;height:100%;padding:20px;animation:.3s ease-out modal-bg-in;display:flex;position:fixed;top:0;left:0}.modal-content{background:var(--card-bg);border-radius:var(--card-radius);width:100%;max-width:480px;box-shadow:var(--shadow-hover);border:1px solid var(--border-light);transform-origin:50%;flex-direction:column;gap:20px;padding:32px;animation:.35s cubic-bezier(.34,1.56,.64,1) modal-content-in;display:flex}.modal-header{border-bottom:1px solid var(--border-light);padding-bottom:12px}.modal-title{font-family:var(--font-sans);letter-spacing:.05em;color:var(--accent-primary);text-transform:uppercase;font-size:1.1rem;font-weight:700}.modal-body{font-family:var(--font-sans);color:var(--text-secondary);font-size:.95rem;line-height:1.6}.modal-footer{margin-top:8px}@keyframes modal-bg-in{0%{opacity:0}to{opacity:1}}@keyframes modal-content-in{0%{opacity:0;transform:scale(.9)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.disabled-state{opacity:.45;filter:grayscale(85%)contrast(90%);pointer-events:none;transition:opacity .3s,filter .3s}.preview-volume-pill{background:var(--card-bg);border:1.5px solid var(--border-light);font-family:var(--font-mono);color:var(--text-secondary);transition:all var(--t-fast);border-radius:99px;align-items:center;gap:8px;padding:8px 16px;font-size:.7rem;display:flex;box-shadow:0 2px 8px #0000000a}.preview-volume-pill:hover{border-color:var(--accent-primary-d);transform:translateY(-1px)}.preview-volume-pill input[type=range]{-webkit-appearance:none;cursor:pointer;background:#7c69e333;border-radius:2px;outline:none;width:65px;height:4px;margin:0;padding:0}.preview-volume-pill input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--accent-primary);cursor:pointer;border-radius:50%;width:10px;height:10px;transition:transform .1s}.preview-volume-pill input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.3)}.preview-volume-pill input[type=range]::-moz-range-thumb{background:var(--accent-primary);cursor:pointer;border:none;border-radius:50%;width:10px;height:10px;transition:transform .1s}.preview-volume-pill input[type=range]::-moz-range-thumb:hover{transform:scale(1.3)}.preview-volume-pill #out-preview-volume{text-align:right;min-width:32px;color:var(--accent-primary);font-weight:700}#group-speed{border-top:1px dashed var(--border-light);grid-column:span 2;margin-top:10px;padding-top:18px}@media (width<=600px){#group-speed{grid-column:span 1}}.collapsible-filters{transition:all var(--t-med);border-radius:12px}.filters-toggle-btn{cursor:pointer;text-align:left;-webkit-user-select:none;user-select:none;background:0 0;border:none;outline:none;justify-content:space-between;align-items:center;width:100%;padding:8px 0;font-family:inherit;display:flex}.filters-toggle-btn:focus-visible{outline:2px solid var(--accent-primary);border-radius:4px}.filters-toggle-btn .control-label{cursor:pointer;flex-grow:1;margin:0}.filters-toggle-chevron{color:var(--text-muted);transition:transform var(--t-med) cubic-bezier(.4, 0, .2, 1);transform-origin:50%;margin-left:8px;font-size:.65rem;display:inline-block}.collapsible-filters.expanded .filters-toggle-chevron{transform:rotate(180deg)}.filters-content{transition:grid-template-rows var(--t-med) cubic-bezier(.4, 0, .2, 1), opacity var(--t-med);opacity:0;visibility:hidden;grid-template-rows:0fr;display:grid;overflow:hidden}.collapsible-filters.expanded .filters-content{opacity:1;visibility:visible;grid-template-rows:1fr;margin-top:12px}.filters-inner{min-height:0}.demo-pulse-dot{background-color:var(--accent-primary);width:10px;height:10px;transition:background-color var(--t-fast);border-radius:50%;animation:1.8s infinite demo-dot-pulse;display:inline-block;box-shadow:0 0 #7c69e3b3}.btn--demo:hover:not(:disabled) .demo-pulse-dot{background-color:#fff;box-shadow:0 0 #ffffffb3}@keyframes demo-dot-pulse{0%{transform:scale(.95);box-shadow:0 0 #7c69e3b3}70%{transform:scale(1);box-shadow:0 0 0 6px #7c69e300}to{transform:scale(.95);box-shadow:0 0 #7c69e300}}.savings-estimate{background:var(--card-bg);border:1px solid var(--border-light);border-radius:12px;margin-top:14px;padding:14px;animation:.3s ease-out slide-up-fade;box-shadow:0 4px 12px #00000005}@keyframes slide-up-fade{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.savings-header{border-bottom:1px dashed var(--border-light);justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:8px;display:flex}.savings-title-text{font-family:var(--font-mono);letter-spacing:.05em;color:var(--text-muted);align-items:center;gap:6px;font-size:.65rem;font-weight:700;display:flex}.savings-grid{grid-template-columns:1fr 1fr 1fr;gap:10px;display:grid}.savings-col{text-align:center;flex-direction:column;align-items:center;padding:4px 0;display:flex}.savings-col:not(:last-child){border-right:1px solid var(--border-light)}.savings-label{font-family:var(--font-mono);color:var(--text-muted);text-transform:uppercase;margin-bottom:4px;font-size:.55rem}.savings-val{font-family:var(--font-mono);color:var(--text-color);font-size:.9rem;font-weight:700}.savings-sub{font-family:var(--font-mono);color:var(--text-muted);margin-top:2px;font-size:.62rem;font-weight:600}.highlight-wav .savings-val{color:var(--accent-primary)}.highlight-ogg .savings-val{color:var(--accent-plum)}.badge--pulse-green{animation:2s infinite green-pulse}@keyframes green-pulse{0%{box-shadow:0 0 #2eb87266}70%{box-shadow:0 0 0 6px #2eb87200}to{box-shadow:0 0 #2eb87200}}.mode-selector-wrapper{border:1px solid var(--border-light);background:#ffffff08;border-radius:30px;margin-bottom:24px;padding:3px;display:flex;position:relative}.btn--mode-tab{color:var(--text-muted);font-family:var(--font-mono);letter-spacing:.05em;cursor:pointer;transition:all var(--t-fast);text-align:center;-webkit-user-select:none;user-select:none;background:0 0;border:none;border-radius:25px;outline:none;flex:1;padding:8px 0;font-size:.72rem;font-weight:700}.btn--mode-tab:hover{color:var(--text-color)}.btn--mode-tab:focus-visible{outline:2px solid var(--accent-primary)}.btn--mode-tab.active{background:var(--accent-primary);color:#fff;box-shadow:0 4px 10px #7c69e340}#group-simple-quality{background:var(--card-bg);border:1px solid var(--border-light);border-radius:12px;grid-column:span 2;padding:18px;animation:.3s ease-out slide-up-fade;box-shadow:0 4px 12px #00000005}@media (width<=600px){#group-simple-quality{grid-column:span 1}}.simple-desc{color:var(--text-muted);border-top:1px dashed var(--border-light);margin-top:18px;padding-top:12px;font-size:.72rem;line-height:1.4}