:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg-main:#07080c;--border-glass:#ffffff21;--text-primary:#ffffffed;--text-secondary:#ffffffa8;--text-muted:#ffffff6b;--accent:#8b5cf6;--accent-blue:#38bdf8;--accent-green:#34d399;--danger:#fb7185;font-family:Inter,SF Pro Display,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;color:var(--text-primary);background:radial-gradient(circle at 52% 12%,#8b5cf638,#0000 30rem),radial-gradient(circle at 78% 30%,#38bdf829,#0000 28rem),linear-gradient(135deg,#07080c 0%,#101118 52%,#06070a 100%);margin:0}button,input{font:inherit}button{color:var(--text-primary);cursor:pointer;border:0}button:disabled,input:disabled{cursor:not-allowed;opacity:.48}h1,h2,p{margin:0}.app-shell{z-index:0;width:min(1060px,100%);margin:0 auto;padding:22px;position:relative}.ambient-grid{z-index:-1;opacity:.22;pointer-events:none;background-image:linear-gradient(#ffffff0e 1px,#0000 1px),linear-gradient(90deg,#ffffff0a 1px,#0000 1px);background-size:48px 48px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 82%);mask-image:linear-gradient(#000,#0000 82%)}.glass-card,.topbar{border:1px solid var(--border-glass);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:linear-gradient(#ffffff1a,#ffffff0b);border-radius:28px;box-shadow:0 24px 80px #00000059,inset 0 1px #ffffff1f}.topbar,.brand,.privacy-chip,.primary-btn,.secondary-btn,.preview-player,.preview-copy,.section-heading,.progress-copy,.result-card>div,.result-actions,.file-card div,.segments-list div{align-items:center;display:flex}.topbar{justify-content:space-between;gap:16px;min-height:70px;padding:14px 16px}.brand{gap:12px}.brand-mark,.upload-icon{color:#fff;background:linear-gradient(135deg, var(--accent), var(--accent-blue));place-items:center;display:grid;box-shadow:0 14px 44px #38bdf838}.brand-mark{border-radius:14px;width:42px;height:42px}.brand strong{font-size:15px;font-weight:700;display:block}.brand span,.privacy-chip,.hero span,.upload-zone span,.upload-zone small,.custom-field,.file-card span,.preview-copy span,.progress-copy span,.result-card p,footer,.more-text{color:var(--text-secondary);font-size:13px}.privacy-chip{background:#34d3991a;border:1px solid #34d39933;border-radius:999px;gap:8px;padding:10px 13px}.hero{text-align:center;gap:12px;padding:58px 8px 28px;display:grid}.hero p,.section-heading span{color:var(--accent-green);text-transform:uppercase;font-size:12px;font-weight:700}.hero h1{font-size:clamp(38px,6vw,72px);font-weight:560;line-height:1.04}.hero span{max-width:680px;margin:0 auto;line-height:1.8}.main-card{gap:16px;padding:22px;display:grid}.main-card>input[type=file]{display:none}.upload-zone{text-align:center;background:#ffffff0b;border:1px dashed #ffffff3d;border-radius:24px;place-items:center;gap:10px;min-height:250px;padding:28px;transition:border-color .18s,background .18s,transform .18s;display:grid}.upload-zone:hover,.upload-zone.dragging{background:#38bdf813;border-color:#38bdf8bf;transform:translateY(-1px)}.upload-icon{border-radius:24px;width:76px;height:76px}.upload-zone strong{overflow-wrap:anywhere;max-width:100%;font-size:22px}.file-card{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.file-card div{background:#ffffff0e;border:1px solid #ffffff1c;border-radius:18px;gap:10px;min-width:0;padding:14px}.file-card strong{white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:14px;overflow:hidden}.spectrum-card,.settings-section{background:#ffffff0b;border:1px solid #ffffff1a;border-radius:22px;gap:14px;padding:18px;display:grid}.spectrum-card{gap:12px}.compact-heading{margin-bottom:0}.spectrum-bars{background:linear-gradient(#38bdf817,#8b5cf60f),repeating-linear-gradient(90deg,#0000 0 46px,#ffffff0a 47px 48px);border-radius:18px;grid-template-columns:repeat(120,minmax(2px,1fr));align-items:center;gap:3px;height:126px;padding:16px;display:grid;position:relative;overflow:hidden}.spectrum-bars:before,.spectrum-bars:after{content:"";pointer-events:none;position:absolute}.spectrum-bars:before{width:calc(var(--preview-progress,0) * (100% - 32px));background:linear-gradient(90deg,#38bdf829,#8b5cf61c);border-radius:14px 0 0 14px;transition:width 80ms linear;top:16px;bottom:16px;left:16px}.spectrum-bars:after{top:12px;bottom:12px;left:calc(16px + var(--preview-progress,0) * (100% - 32px));opacity:0;background:#ffffffe0;border-radius:999px;width:2px;transition:left 80ms linear,opacity .18s;transform:translate(-1px);box-shadow:0 0 18px #38bdf8b3,0 0 42px #8b5cf657}.spectrum-bars.playing:after{opacity:1}.spectrum-bars span{z-index:1;transform-origin:bottom;background:linear-gradient(#ffffff6b,#fff3);border-radius:999px;width:100%;min-height:8px;transition:background .2s,box-shadow .2s,transform 80ms linear,filter .2s;display:block;position:relative;box-shadow:0 0 10px #ffffff0f}.spectrum-bars span.played{background:linear-gradient(#fffffff5,#38bdf8d1 46%,#8b5cf6c2);box-shadow:0 0 18px #38bdf83d}.spectrum-bars.playing span{animation:1.4s ease-in-out infinite spectrum-breathe;animation-delay:calc(var(--bar-index) * -14ms)}.spectrum-bars.playing span.played{filter:saturate(1.18)brightness(1.12)}.preview-player{background:#ffffff0b;border:1px solid #ffffff1a;border-radius:22px;gap:14px;padding:14px}.play-button{background:linear-gradient(135deg,#8b5cf6eb,#38bdf8db);border:1px solid #ffffff29;border-radius:18px;flex:none;place-items:center;width:54px;height:54px;display:grid;box-shadow:0 14px 36px #38bdf829}.preview-main{gap:10px;width:100%;min-width:0;display:grid}.preview-copy{justify-content:space-between;gap:12px}.preview-copy strong{font-size:14px}.preview-copy span{white-space:nowrap;font-variant-numeric:tabular-nums}.preview-range{appearance:none;cursor:pointer;background:0 0;border:0;border-radius:999px;width:100%;height:18px;padding:0}.preview-range::-webkit-slider-runnable-track{background:linear-gradient(90deg, var(--accent-blue) 0 calc(var(--preview-progress,0) * 100%), #ffffff29 0 100%);border:1px solid #ffffff47;border-radius:999px;height:8px}.preview-range::-webkit-slider-thumb{appearance:none;background:var(--accent-blue);border:0;border-radius:50%;width:22px;height:22px;margin-top:-8px;box-shadow:0 0 0 6px #38bdf81f,0 0 22px #38bdf873}.preview-range::-moz-range-track{background:linear-gradient(90deg, var(--accent-blue) 0 calc(var(--preview-progress,0) * 100%), #ffffff29 0 100%);border:1px solid #ffffff47;border-radius:999px;height:8px}.preview-range::-moz-range-thumb{background:var(--accent-blue);border:0;border-radius:50%;width:22px;height:22px;box-shadow:0 0 0 6px #38bdf81f,0 0 22px #38bdf873}.settings-grid{grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:14px;display:grid}.section-heading{justify-content:space-between;gap:16px}.section-heading h2{margin-top:4px;font-size:21px;font-weight:650}.section-heading strong{font-size:24px}.preset-grid,.pitch-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.preset-grid button,.pitch-grid button,.primary-btn,.secondary-btn{background:#ffffff14;border:1px solid #ffffff21;border-radius:999px;justify-content:center;gap:9px;min-height:46px;padding:0 16px;transition:transform .18s,background .18s,border-color .18s}.preset-grid button.active{background:#38bdf829;border-color:#38bdf88c}.pitch-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.pitch-grid button.active{background:#8b5cf62e;border-color:#8b5cf6a3}.pitch-note{min-height:42px;color:var(--text-secondary);background:#ffffff0b;border-radius:15px;align-items:flex-start;gap:8px;padding:11px 12px;font-size:12px;line-height:1.55;display:flex}.pitch-note svg{color:var(--accent-blue);flex:none;margin-top:2px}.custom-field{gap:8px;display:grid}.custom-field input{width:100%;min-height:48px;color:var(--text-primary);background:#ffffff13;border:1px solid #ffffff24;border-radius:16px;outline:none;padding:0 14px}.custom-field input:focus{border-color:#38bdf89e;box-shadow:0 0 0 3px #38bdf81f}.primary-btn{background:linear-gradient(135deg, var(--accent), var(--accent-blue));border-color:#ffffff38;font-weight:700;box-shadow:0 16px 44px #38bdf82e}.secondary-btn{color:var(--text-secondary)}.process-btn{min-height:58px;font-size:16px}button:not(:disabled):hover{border-color:#ffffff42;transform:translateY(-1px)}button:not(:disabled):active{transform:translateY(0)scale(.99)}.progress-panel{background:#34d39913;border:1px solid #34d39938;border-radius:18px;gap:12px;padding:15px;display:grid}.progress-panel.error{background:#fb71851a;border-color:#fb71854d}.progress-copy{justify-content:space-between;gap:16px}.progress-copy strong{overflow-wrap:anywhere}.progress-track{background:#ffffff1a;border-radius:999px;height:10px;overflow:hidden}.progress-track div{border-radius:inherit;background:linear-gradient(90deg, var(--accent), var(--accent-blue));height:100%;transition:width .18s}.result-card,.segments-card{margin-top:18px;padding:20px}.result-card{justify-content:space-between;gap:18px;display:flex}.result-card>div{gap:13px}.result-card h2{font-size:23px}.result-actions{flex-wrap:wrap;gap:10px}.segments-list{gap:8px;display:grid}.segments-list div{background:#ffffff0e;border-radius:14px;justify-content:space-between;gap:12px;padding:12px 14px}.segments-list span{white-space:nowrap;text-overflow:ellipsis;min-width:0;color:var(--text-secondary);overflow:hidden}.segments-list strong{white-space:nowrap;font-variant-numeric:tabular-nums}.more-text{text-align:center;margin-top:12px}footer{text-align:center;padding:26px 0 8px}.spin{animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@keyframes spectrum-breathe{0%,to{filter:brightness()}50%{filter:brightness(1.16)}}@media (width<=760px){.app-shell{padding:12px}.topbar,.result-card{flex-direction:column;align-items:stretch}.hero{padding-top:38px}.hero h1{font-size:39px}.main-card{border-radius:22px;padding:14px}.upload-zone{min-height:220px}.file-card,.preset-grid,.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.settings-grid{grid-template-columns:1fr}.spectrum-bars{grid-template-columns:repeat(60,minmax(2px,1fr))}.section-heading,.preview-copy,.progress-copy{flex-direction:column;align-items:flex-start}.result-actions,.result-actions button{width:100%}}@media (width<=460px){.file-card,.preset-grid,.pitch-grid{grid-template-columns:1fr}}