@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;600&family=Inter:wght@400;600&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;600&display=swap";.volume-control{display:flex;align-items:center;gap:12px;padding:8px 12px;border-radius:12px;background:var(--bg-secondary, rgba(15, 23, 42, .04));min-width:200px}.volume-toggle{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border-radius:8px;border:1px solid var(--border-color, rgba(15, 23, 42, .1));background:var(--bg-primary, #ffffff);color:var(--text-primary, rgba(15, 23, 42, .8));cursor:pointer;transition:all .2s ease;line-height:0;flex-shrink:0}.volume-toggle svg{width:20px;height:20px;display:block}.volume-toggle__icon{width:20px;height:20px;color:currentColor}.volume-toggle:hover,.volume-toggle:focus-visible{background:var(--accent-color, rgba(37, 99, 235, .1));border-color:var(--accent-color, rgba(37, 99, 235, .3));transform:translateY(-1px)}.volume-slider-container{position:relative;flex:1;height:32px;display:flex;align-items:center}.volume-slider{position:absolute;width:100%;height:100%;opacity:0;cursor:pointer;z-index:2}.volume-slider:focus{outline:none}.volume-slider-track{position:relative;width:100%;height:6px;background:var(--bg-tertiary, rgba(15, 23, 42, .1));border-radius:3px;overflow:hidden}.volume-slider-fill{position:absolute;left:0;top:0;height:100%;width:var(--volume-fill, 0%);background:linear-gradient(90deg,var(--accent-color, #2563eb) 0%,var(--accent-hover, #1d4ed8) 100%);border-radius:3px;transition:width .1s ease}.volume-slider-thumb{position:absolute;top:50%;left:var(--volume-fill, 0%);width:16px;height:16px;background:var(--bg-primary, #ffffff);border:2px solid var(--accent-color, #2563eb);border-radius:50%;transform:translate(-50%,-50%);transition:all .2s ease;box-shadow:0 2px 4px #0000001a}.volume-slider-container:hover .volume-slider-thumb{transform:translate(-50%,-50%) scale(1.2);box-shadow:0 4px 8px #00000026}.volume-slider:focus+.volume-slider-track .volume-slider-thumb{transform:translate(-50%,-50%) scale(1.2);box-shadow:0 0 0 3px #2563eb4d}.volume-slider.dragging+.volume-slider-track .volume-slider-thumb{transform:translate(-50%,-50%) scale(1.3);box-shadow:0 4px 12px #0003}.volume-slider.dragging+.volume-slider-track .volume-slider-fill{background:linear-gradient(90deg,var(--accent-hover, #1d4ed8) 0%,var(--accent-color, #2563eb) 100%)}.volume-percentage{font-size:.75rem;font-weight:600;color:var(--text-secondary, rgba(15, 23, 42, .7));min-width:35px;text-align:right;flex-shrink:0}[data-theme=dark] .volume-percentage{color:#ffffffe6}[data-theme=dark] .volume-toggle{background:#ffffff14;border-color:#ffffff26;color:#ffffffe6}@media(max-width:768px){.volume-control{min-width:150px;gap:8px}.volume-toggle{width:28px;height:28px}.volume-slider-thumb{width:18px;height:18px}.volume-percentage{font-size:.7rem;min-width:30px}}@media(prefers-contrast:high){.volume-slider-track{border:1px solid var(--border-color)}.volume-slider-thumb{border-width:3px}}.waveform{position:relative;width:100%;height:clamp(110px,16vw,150px);margin-bottom:.9rem;border-radius:var(--radius-lg);background:linear-gradient(160deg,#ffffff8c,#d1fae559);overflow:hidden;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.48);box-shadow:inset 0 1px #fff9}.waveform__canvas{display:block;width:100%;height:100%}.waveform__loading{position:absolute;inset:0;background:linear-gradient(145deg,#c8e1ff8c,#f8d7f880);animation:waveform-loading 6s linear infinite}@keyframes waveform-loading{0%{transform:translate(-30%)}50%{transform:translate(30%)}to{transform:translate(-30%)}}@media(prefers-reduced-motion:reduce){.waveform{-webkit-backdrop-filter:none;backdrop-filter:none}.waveform__loading{animation:none}}.audio-player{width:100%;max-width:720px;height:100%;display:flex;flex-direction:column;justify-content:center;font-family:var(--font-body);color:#111827}.audio-player__card{display:flex;flex-direction:column;justify-content:space-between;gap:1rem;background:#ffffffd1;-webkit-backdrop-filter:blur(26px);backdrop-filter:blur(26px);border-radius:18px;padding:1.5rem 1.75rem;box-shadow:0 20px 60px #0f172a14,0 1px #0f172a0d;border:1px solid rgba(226,232,240,.6);position:relative;overflow:hidden;height:100%;min-height:0}.audio-player__topbar{display:flex;justify-content:space-between;align-items:center;gap:1rem;font-size:.8rem;flex-shrink:0}.audio-player__extra-actions{display:flex;gap:.5rem;align-items:center}.audio-player__extra-button{border:none;background:#ffffff14;color:#ffffffd9;padding:.35rem .6rem;border-radius:999px;cursor:pointer;transition:background .2s ease,color .2s ease;font-size:.9rem}.audio-player__extra-button:hover,.audio-player__extra-button:focus-visible{background:#ffffff2e;color:#fff;outline:none}.audio-player__extra-button:disabled{cursor:not-allowed;opacity:.5}.audio-player__ambient-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:clamp(280px,85%,460px);height:clamp(280px,85%,460px);background:radial-gradient(circle at 50% 40%,rgba(247,208,224,.9),transparent 70%);filter:blur(140px);opacity:.6;pointer-events:none;z-index:-1}.audio-player__header{display:grid;grid-template-columns:auto 1fr;gap:1.25rem;align-items:center;flex:0 0 auto}.audio-player__art{position:relative;width:120px;height:120px;border-radius:16px;overflow:hidden;background:linear-gradient(135deg,#e0f2fe,#e9d5ff);filter:drop-shadow(0 16px 28px rgba(15,23,42,.16));border:1px solid rgba(255,255,255,.6);display:grid;place-items:center;flex-shrink:0}.audio-player__art img{width:100%;height:100%;object-fit:cover}.audio-player__art-overlay{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none}.audio-player__bloom-meter{--progress-ratio: clamp(var(--bloom-progress, 0), 0, 1);position:relative;height:.5rem;border-radius:var(--radius-pill);margin-top:-.6rem}.audio-player__bloom-meter-track{position:absolute;inset:0;border-radius:inherit;background:#94a3b840}.audio-player__bloom-meter-progress{position:absolute;inset:0;border-radius:inherit;background:var(--gradient-petal);transform:scaleX(var(--progress-ratio));transform-origin:left center;transition:transform var(--duration-sm) var(--easing-soft)}.audio-player__art-placeholder{width:100%;height:100%;display:grid;place-items:center}.audio-player__art-placeholder span{font-size:2.8rem;font-weight:600;color:#0f172a47}.audio-player__info{display:flex;flex-direction:column;justify-content:center;gap:.5rem;min-width:0}.audio-player__source{font-size:.75rem;letter-spacing:.16em;text-transform:uppercase;color:#475569b3}.audio-player__title{margin:0;font-size:1.5rem;font-weight:700;letter-spacing:-.01em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.audio-player__artist{margin:0;color:#475569cc;font-size:.95rem;font-family:var(--font-mono);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.audio-player__meta{margin:0;font-size:.85rem;color:#475569a8;font-family:var(--font-mono);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.audio-player__controls{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.85rem;width:100%;flex-shrink:0}.audio-player__controls button{display:grid;place-items:center;border:none;background:#1118270d;color:#1f2937;border-radius:14px;padding:.8rem;cursor:pointer;transition:background .2s ease,transform .2s ease,box-shadow .2s ease}.audio-player__controls button svg{width:1.4rem;height:1.4rem;transition:transform .2s ease}.audio-player__controls button:hover:not(:disabled){background:#1118271a;transform:translateY(-2px);box-shadow:0 12px 28px #0f172a1a}.audio-player__controls button:disabled{opacity:.45;cursor:not-allowed}.audio-player__play{background:linear-gradient(135deg,#2563eb,#7c3aed);color:#fff}.audio-player__play.is-playing{background:linear-gradient(135deg,#f97316,#ef4444)}.audio-player__progress{display:flex;flex-direction:column;gap:.75rem;flex:0 0 auto}.audio-player__time{display:inline-flex;align-items:center;gap:.45rem;font-size:.85rem;color:#1e293bcc;font-variant-numeric:tabular-nums;font-family:var(--font-mono);padding:.4rem .85rem;border-radius:999px;background:#ffffffb3;box-shadow:inset 0 1px #ffffffa6,0 8px 24px #94a3b82e}.audio-player__time-current{font-weight:600}.audio-player__time-divider{color:#64748b99;font-weight:500}.audio-player__time-total{color:#64748be6}.audio-player__footer{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-shrink:0}.audio-player__playback-controls{display:flex;gap:clamp(.375rem,.8vw,.5rem);align-items:center}.audio-player__mode-btn{display:flex;align-items:center;justify-content:center;width:clamp(32px,6vw,40px);height:clamp(32px,6vw,40px);border-radius:8px;border:1px solid rgba(15,23,42,.1);background:#fff9;color:#0f172a80;font-size:clamp(.875rem,2vw,1.125rem);cursor:pointer;transition:all .2s ease}.audio-player__mode-btn:hover{background:#fffc;border-color:#0f172a33;color:#0f172acc;transform:translateY(-1px)}.audio-player__mode-btn.active{background:linear-gradient(135deg,#ddd6fe,#c4b5fd);border-color:#c4b5fd80;color:#6b21a8;box-shadow:0 2px 8px #c4b5fd66}.audio-player__mode-btn.active:hover{background:linear-gradient(135deg,#c4b5fd,#a78bfa);box-shadow:0 4px 12px #c4b5fd80}.audio-player__actions{display:flex;gap:.75rem}.audio-player__actions button{border:none;border-radius:999px;padding:.55rem 1.1rem;font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;background:#e2e8f0;color:#1f2937;cursor:pointer;transition:background .2s ease,transform .2s ease}.audio-player__actions button:hover:not(:disabled){background:#cbd5f5;transform:translateY(-1px)}.audio-player__actions button:disabled{opacity:.5;cursor:not-allowed}@media(max-width:640px){.audio-player__header{grid-template-columns:1fr;justify-items:center;text-align:center}.audio-player__info{gap:.35rem}.audio-player__controls{grid-template-columns:repeat(5,minmax(0,auto))}.audio-player__footer{flex-direction:column;align-items:stretch}.audio-player__actions{width:100%;justify-content:center}.audio-player__actions button{flex:1}}.audio-player{position:relative}.audio-player--drag-over{transform:scale(1.02);transition:transform .2s ease}.audio-player__drag-overlay{position:absolute;inset:0;background:#4a9eff1a;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border:3px dashed rgba(74,158,255,.5);border-radius:inherit;display:flex;align-items:center;justify-content:center;z-index:10;animation:drag-pulse 1s ease-in-out infinite alternate}.audio-player__drag-content{text-align:center;color:var(--accent-color, #4a9eff);background:#ffffffe6;padding:24px 32px;border-radius:16px;box-shadow:0 8px 24px #4a9eff33;border:2px solid rgba(74,158,255,.3)}.audio-player__drag-icon{font-size:3rem;margin-bottom:12px;animation:bounce .6s ease-in-out infinite alternate}.audio-player__drag-text{margin:0;font-size:1.1rem;font-weight:600;color:var(--accent-color, #4a9eff)}@keyframes drag-pulse{0%{border-color:#4a9eff4d;background:#4a9eff0d}to{border-color:#4a9eff99;background:#4a9eff26}}@keyframes bounce{0%{transform:translateY(0)}to{transform:translateY(-8px)}}@media(max-width:600px){.audio-player__card{padding:1rem 1.25rem}.audio-player__art{width:90px;height:90px}.audio-player__header{gap:1rem}.audio-player__title{font-size:1.25rem}.audio-player__artist{font-size:.875rem}.audio-player__meta{font-size:.75rem}.audio-player__topbar{font-size:.7rem;gap:.5rem}.audio-player__controls{gap:.5rem}.audio-player__controls button{padding:.6rem}.audio-player__controls button svg{width:1.2rem;height:1.2rem}.audio-player__time{font-size:.75rem;padding:.3rem .65rem}.audio-player__drag-content{padding:20px 24px}.audio-player__drag-icon{font-size:2.5rem;margin-bottom:8px}.audio-player__drag-text{font-size:1rem}}@media(prefers-contrast:high){.audio-player__drag-overlay{border-width:4px;background:#4a9eff33}.audio-player__drag-content{border-width:3px}}@media(prefers-reduced-motion:reduce){.audio-player--drag-over{transform:none;transition:none}.audio-player__drag-overlay,.audio-player__drag-icon{animation:none}}[data-theme=dark] .audio-player{color:#f8fafc}[data-theme=dark] .audio-player__card{background:#1a1a1df2;border-color:#ffffff1f;box-shadow:0 20px 60px #00000080,0 0 0 1px #ffffff0f inset}[data-theme=dark] .audio-player__source{color:#fff9}[data-theme=dark] .audio-player__ambient-glow{background:radial-gradient(circle at 50% 40%,rgba(139,92,246,.4),transparent 70%);opacity:.5}[data-theme=dark] .audio-player__artwork{box-shadow:0 16px 48px #0009}[data-theme=dark] .audio-player__title{color:#f8fafc}[data-theme=dark] .audio-player__artist{color:#ffffffb3}[data-theme=dark] .audio-player__progress-time{color:#fff9}[data-theme=dark] .audio-player__progress-track{background:#ffffff1a}[data-theme=dark] .audio-player__progress-fill{background:linear-gradient(90deg,#8b5cf6,#a78bfa)}[data-theme=dark] .audio-player__progress-handle{background:#a78bfa;box-shadow:0 2px 8px #8b5cf666}[data-theme=dark] .audio-player__controls button{background:#ffffff14;border:2px solid rgba(255,255,255,.15);color:#fffffff2;box-shadow:0 2px 8px #0000004d}[data-theme=dark] .audio-player__controls button:hover:not(:disabled){background:#ffffff26;border-color:#ffffff4d;box-shadow:0 4px 12px #0006}[data-theme=dark] .audio-player__play{background:linear-gradient(135deg,#8b5cf6,#a78bfa)!important;border:2px solid rgba(167,139,250,.6)!important;box-shadow:0 4px 16px #8b5cf680,0 0 0 1px #a78bfa4d inset}[data-theme=dark] .audio-player__play:hover:not(:disabled){box-shadow:0 6px 24px #8b5cf699,0 0 0 1px #a78bfa66 inset;transform:translateY(-1px)}[data-theme=dark] .audio-player__actions button{background:#ffffff14;border:2px solid rgba(255,255,255,.15);color:#ffffffe6;box-shadow:0 2px 8px #0000004d}[data-theme=dark] .audio-player__actions button:hover:not(:disabled){background:#ffffff26;border-color:#ffffff4d;color:#fffffffa;box-shadow:0 4px 12px #0006}[data-theme=dark] .audio-player__mode-btn{background:#ffffff0f;border-color:#ffffff1f;color:#ffffff80}[data-theme=dark] .audio-player__mode-btn:hover{background:#ffffff1a;border-color:#fff3;color:#fffc}[data-theme=dark] .audio-player__mode-btn.active{background:linear-gradient(135deg,#c4b5fd,#a78bfa);border-color:#c4b5fd99;color:#1e1b4b;box-shadow:0 2px 8px #c4b5fd80}[data-theme=dark] .audio-player__mode-btn.active:hover{background:linear-gradient(135deg,#ddd6fe,#c4b5fd);box-shadow:0 4px 12px #c4b5fd99}.playlist{display:grid;gap:0;color:#f8fafc;font-family:var(--font-body);height:100%}.playlist__card{display:flex;flex-direction:column;background:transparent;border-radius:18px;padding:.5rem;box-shadow:none;border:none;height:100%;overflow:hidden}.playlist__header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.playlist__file-input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.playlist__header-info{display:grid;gap:.4rem}.playlist__eyebrow{font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:#ffffff80}.playlist__title{margin:0;font-size:1rem;font-weight:600;letter-spacing:-.01em;color:#f8fafc;font-family:var(--font-body)}.playlist__subtitle{margin:0;font-size:.85rem;color:#ffffffb3}.playlist__body-controls{display:flex;gap:.5rem;margin-bottom:.5rem}.playlist__browse,.playlist__reset{border-radius:8px;border:1px solid rgba(255,255,255,.15);padding:.5rem .875rem;font-size:.8125rem;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:var(--font-body);flex:1}.playlist__browse{background:#6366f126;color:#a5b4fc;display:inline-flex;align-items:center;gap:.5rem;border-color:#6366f14d}.playlist__browse:before{content:"+";font-size:1rem}.playlist__reset{background:#ffffff0d;color:#ffffffb3}.playlist__browse:hover,.playlist__browse:focus-visible{background:#6366f140;border-color:#6366f180;color:#c7d2fe;transform:translateY(-1px)}.playlist__reset:hover,.playlist__reset:focus-visible{background:#ffffff14;color:#ffffffe6;transform:translateY(-1px)}.playlist__reset:disabled{opacity:.45;cursor:not-allowed}.playlist__body{position:relative;border-radius:12px;background:#0003;border:1px solid rgba(255,255,255,.08);padding:.625rem;flex:1;display:flex;flex-direction:column;overflow:hidden;transition:border-color .2s ease,background .2s ease,box-shadow .2s ease}.playlist__body.is-dragging{border-color:#6366f180;background:#6366f11a;box-shadow:0 0 0 3px #6366f133}.playlist__scroll{flex:1;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.15) transparent;margin:0 -.25rem;padding:0 .25rem}.playlist__scroll::-webkit-scrollbar{width:6px}.playlist__scroll::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:999px}.playlist__scroll::-webkit-scrollbar-thumb:hover{background:#ffffff40}.playlist__list{list-style:none;margin:0;padding:0}.playlist__item{display:grid;grid-template-columns:auto 1fr;gap:.625rem;padding:.75rem .875rem;border-radius:.85rem;background:#0f172a8c;border:1px solid rgba(148,163,184,.12);transition:all .12s ease-in-out;cursor:pointer;box-shadow:0 6px 22px #0f172a33;margin-bottom:.75rem;position:relative;isolation:isolate;min-height:56px}.playlist__item--dragging{opacity:.6;box-shadow:none}.playlist__item.playlist__drop-indicator--before:before,.playlist__item.playlist__drop-indicator--after:after{content:"";position:absolute;left:.75rem;right:.75rem;height:3px;background:linear-gradient(90deg,#818cf8e6,#38bdf8e6);border-radius:999px;pointer-events:none;z-index:1}.playlist__item.playlist__drop-indicator--before:before{top:-4px}.playlist__item.playlist__drop-indicator--after:after{bottom:-4px}.playlist__item:hover,.playlist__item:focus-visible{background:#ffffff1a;border-color:#fff3}.playlist__item:active{background:#ffffff0f}.playlist__item:last-child{margin-bottom:0}.playlist__item.is-active{background:#6366f126;border-color:#6366f14d;box-shadow:0 0 0 1px #6366f133 inset}.playlist__item-index{font-size:.75rem;font-weight:600;color:#fff9;font-family:var(--font-body);display:flex;align-items:center;justify-content:center}.playlist__item-body{display:grid;grid-template-columns:1fr auto auto;gap:.625rem;align-items:center;min-width:0;overflow:hidden}.playlist__item-info{display:flex;flex-direction:column;gap:.125rem;min-width:0;overflow:hidden}.playlist__item-title{margin:0;font-size:.8125rem;font-weight:600;color:#f8fafc;font-family:var(--font-body);white-space:nowrap;overflow:hidden;position:relative}.playlist__item-title-text{display:inline-block;animation:none}.playlist__item:hover .playlist__item-title-text{animation:scroll-text 8s linear infinite}@keyframes scroll-text{0%,10%{transform:translate(0)}90%,to{transform:translate(calc(-100% + 100px))}}.playlist__item-artist{margin:0;font-size:.6875rem;color:#fff9;font-family:var(--font-body);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.playlist__item-length{font-size:.6875rem;color:#ffffff8c;font-variant-numeric:tabular-nums;font-family:var(--font-body);white-space:nowrap;font-weight:500;display:flex;align-items:center;padding-right:.125rem}.playlist__remove-button{border:none;background:transparent;color:#ffffff8c;font-size:1rem;line-height:1;padding:.25rem .4rem;border-radius:6px;cursor:pointer;transition:background .2s ease,color .2s ease}.playlist__remove-button:hover,.playlist__remove-button:focus-visible{background:#ffffff29;color:#fff;outline:none}.playlist__remove-button:focus-visible{box-shadow:0 0 0 2px #ffffff59}.playlist__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;flex:1;text-align:center;color:#ffffff80;padding:1rem}.playlist__empty p{margin:0;font-weight:600;color:#ffffffb3;font-family:var(--font-body)}.playlist__empty-hint{font-size:.82rem}@media(max-width:640px){.playlist__header{flex-direction:column;align-items:stretch}.playlist__add{width:100%}.playlist__scroll{max-height:280px}.playlist__item{grid-template-columns:auto 1fr;grid-template-rows:auto auto;gap:.4rem}.playlist__item-length{justify-self:start}}.peq-response-chart{background:linear-gradient(135deg,#0000004d,#0003);border-radius:.875rem;padding:1.25rem;margin:0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.08);box-shadow:0 4px 16px #0003,0 0 0 1px #ffffff08 inset}.peq-response-chart__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.peq-response-chart__header h4{margin:0;color:#f8fafc;font-size:.9375rem;font-weight:700;letter-spacing:-.01em;background:linear-gradient(135deg,#f8fafc,#cbd5e1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.peq-response-chart__legend{display:flex;gap:16px;align-items:center}.legend-item{display:flex;align-items:center;gap:6px;font-size:.8rem;color:#fffc}.legend-color{width:14px;height:14px;border-radius:50%;border:2px solid rgba(255,255,255,.2);box-shadow:0 0 8px currentColor,0 2px 4px #0000004d}.legend-color--boost{background:linear-gradient(135deg,#4ade80,#22c55e);color:#4ade80}.legend-color--cut{background:linear-gradient(135deg,#f87171,#ef4444);color:#f87171}.peq-response-chart__container{position:relative;width:100%;border-radius:.625rem;overflow:hidden;background:linear-gradient(180deg,#0006,#00000080);border:1px solid rgba(255,255,255,.12);box-shadow:0 2px 8px #0000004d inset}.peq-response-chart__canvas{display:block;width:100%;cursor:crosshair}.peq-response-chart__placeholder{display:flex;align-items:center;justify-content:center;height:250px;color:#fff9;font-size:.9rem;text-align:center}.peq-response-chart__placeholder p{margin:0}.peq-response-chart__overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#00000080;color:#fffc;font-size:.9rem;text-align:center;pointer-events:none}.peq-response-chart__overlay p{margin:0}@media(max-width:768px){.peq-response-chart{padding:16px;margin:16px 0}.peq-response-chart__header{flex-direction:column;align-items:flex-start;gap:8px}.peq-response-chart__legend{gap:12px}.legend-item{font-size:.75rem}}@media(max-width:480px){.peq-response-chart{padding:12px}.peq-response-chart__header h4{font-size:.9rem}}.peq-response-chart--loading .peq-response-chart__canvas{opacity:.5}.peq-response-chart--loading:after{content:"Calculating response...";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff9;font-size:.9rem;pointer-events:none}@media(prefers-contrast:high){.peq-response-chart{border:2px solid rgba(255,255,255,.3)}.peq-response-chart__container{border:2px solid rgba(255,255,255,.2)}.legend-color{border:2px solid rgba(255,255,255,.5)}}@media(prefers-reduced-motion:reduce){.peq-response-chart__canvas{transition:none}}.preset-import-export{background:var(--preset-import-surface, var(--color-surface, rgba(255, 255, 255, .96)));border-radius:12px;padding:16px;margin:16px 0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--preset-import-border, rgba(142, 152, 168, .18));overflow:visible;color:var(--preset-import-text, var(--color-text-dark, #1a1d24));--preset-import-surface: rgba(255, 255, 255, .96);--preset-import-border: rgba(142, 152, 168, .18);--preset-import-text: var(--color-text-dark, #1a1d24);--preset-import-muted: rgba(26, 29, 36, .55);--preset-import-accent: var(--color-primary, #3d7cff);--preset-import-button-bg: rgba(61, 124, 255, .12);--preset-import-button-border: rgba(61, 124, 255, .35)}[data-theme=dark] .preset-import-export,[data-theme=flux-night] .preset-import-export{--preset-import-surface: rgba(18, 24, 38, .9);--preset-import-border: rgba(62, 73, 107, .45);--preset-import-text: rgba(248, 251, 255, .98);--preset-import-muted: rgba(158, 175, 210, .78);--preset-import-accent: #3d7cff;--preset-import-button-bg: rgba(61, 124, 255, .16);--preset-import-button-border: rgba(61, 124, 255, .35)}.preset-import-export__header{margin-bottom:12px}.preset-import-export__header h4{margin:0;color:var(--preset-import-text);font-size:.875rem;font-weight:600;font-family:var(--font-body)}.preset-import-export__actions{display:flex;flex-direction:column;gap:10px;margin-bottom:12px}.preset-import-export__import-btn{width:100%;padding:10px 16px;background:var(--preset-import-button-bg);border:1px solid var(--preset-import-button-border);border-radius:8px;color:var(--preset-import-text);font-size:.8125rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px;font-family:var(--font-body)}.preset-import-export__import-btn:hover{background:#3d7cff38;border-color:#3d7cff73;transform:translateY(-1px)}.preset-import-export__export-row{display:flex;gap:8px;width:100%}.preset-import-export__drop-zone{border:2px dashed var(--preset-import-border);border-radius:8px;padding:24px;text-align:center;cursor:pointer;transition:all .2s ease;background:#3d7cff0a;min-height:120px;display:flex;align-items:center;justify-content:center}.preset-import-export__drop-zone:hover{border-color:#3d7cff73;background:#3d7cff14}.preset-import-export__drop-zone.drag-over{border-color:#3d7cff8c;background:#3d7cff24;transform:scale(1.02)}.preset-import-export__drop-content{display:flex;flex-direction:column;align-items:center;gap:8px}.preset-import-export__drop-icon{font-size:2rem;opacity:.7}.preset-import-export__drop-zone p{margin:0;color:var(--preset-import-muted);font-size:.9rem}.preset-import-export__drop-hint{font-size:.8rem!important;color:var(--preset-import-muted)!important}.preset-import-export__export-buttons{display:flex;flex-direction:column;gap:8px}.preset-import-export__export-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;border:1px solid var(--preset-import-border);border-radius:6px;background:var(--preset-import-button-bg);color:var(--preset-import-text);cursor:pointer;transition:all .2s ease;font-size:.9rem;font-weight:500;min-height:44px}.preset-import-export__export-btn:hover{background:#3d7cff38;transform:translateY(-1px)}.preset-import-export__export-btn--native:hover{border-color:#4ade8066;background:#4ade801a}.preset-import-export__export-btn--autoeq:hover{border-color:#a855f766;background:#a855f71a}.preset-import-export__btn-icon{font-size:1.1rem}.preset-import-export__export-info{margin:8px 0 0;font-size:.8rem;color:var(--preset-import-muted)}.preset-import-export__preamp-info{color:#4ade80cc;font-weight:500}.preset-import-export__status{border-radius:8px;padding:12px 16px;margin-bottom:16px;border:1px solid;animation:slideIn .3s ease}.preset-import-export__status--loading{background:#3d7cff24;border-color:#3d7cff47;color:#93c5fdeb}.preset-import-export__status--success{background:#4ade8026;border-color:#4ade8059;color:#86efac}.preset-import-export__status--error{background:#ff6b6b1f;border-color:#ff6b6b4d;color:#fca5a5}.preset-import-export__status-content{display:flex;align-items:center;gap:8px}.preset-import-export__status-icon{font-size:1.1rem;flex-shrink:0}.preset-import-export__status-message{flex:1;font-size:.9rem}.preset-import-export__status-close{background:none;border:none;color:inherit;cursor:pointer;font-size:1.2rem;padding:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background .2s ease}.preset-import-export__status-close:hover{background:#ffffff1a}.preset-import-export__help{border-top:1px solid var(--preset-import-border);padding-top:16px}.preset-import-export__help details{color:var(--preset-import-text)}.preset-import-export__help summary{cursor:pointer;font-size:.9rem;font-weight:500;padding:8px 0;transition:color .2s ease;color:var(--preset-import-muted)}.preset-import-export__help summary:hover{color:var(--preset-import-text)}.preset-import-export__help-content{padding:12px 0;font-size:.85rem;line-height:1.5;color:var(--preset-import-muted)}.preset-import-export__help-content li{margin-bottom:4px}.preset-import-export__help-content a{color:var(--preset-import-accent);text-decoration:none}.preset-import-export__help-content a:hover{text-decoration:underline}.preset-import-export__autoeq-guide{background:#3d7cff1a;border:1px solid rgba(61,124,255,.24);border-radius:6px;padding:12px;margin-top:12px}.preset-import-export__autoeq-guide ol{margin:8px 0;padding-left:20px}.preset-import-export__autoeq-guide code{background:#ffffff1a;padding:2px 6px;border-radius:3px;font-family:Monaco,Menlo,monospace;font-size:.8em}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.preset-import-export__actions{grid-template-columns:1fr;gap:20px}.preset-import-export__drop-zone{padding:20px;min-height:100px}.preset-import-export__export-buttons{flex-direction:row}.preset-import-export__export-btn{flex:1;justify-content:center}}@media(max-width:480px){.preset-import-export{padding:16px;margin:16px 0}.preset-import-export__export-buttons{flex-direction:column}.preset-import-export__drop-zone{padding:16px}.preset-import-export__drop-icon{font-size:1.5rem}}@media(prefers-contrast:high){.preset-import-export{border:2px solid rgba(255,255,255,.3)}.preset-import-export__drop-zone{border-width:3px}.preset-import-export__export-btn{border-width:2px}}@media(prefers-reduced-motion:reduce){.preset-import-export__drop-zone,.preset-import-export__export-btn,.preset-import-export__status{transition:none}.preset-import-export__drop-zone.drag-over,.preset-import-export__export-btn:hover{transform:none}@keyframes slideIn{0%{opacity:0}to{opacity:1}}}.preset-import-export__format-select{flex:1;padding:10px 12px;background:#ffffff14;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;font-size:.8125rem;cursor:pointer;transition:all .2s ease;font-family:var(--font-body)}.preset-import-export__format-select:hover{background:#ffffff1f;border-color:#ffffff4d}.preset-import-export__format-select:focus{outline:2px solid rgba(74,144,226,.5);outline-offset:2px}.preset-import-export__current-info{margin:0;padding:8px 12px;font-size:.75rem;color:#ffffffb3;text-align:center;background:#0003;border-radius:6px;font-family:var(--font-body)}.preset-import-export__current-info strong{color:#ffffffe6}.preset-import-export__help{margin-top:12px;padding-top:12px;border-top:1px solid rgba(255,255,255,.08)}.preset-import-export__help summary{cursor:pointer;color:#ffffffb3;font-size:.75rem;font-weight:500;padding:6px 0;-webkit-user-select:none;user-select:none;font-family:var(--font-body)}.preset-import-export__help summary:hover{color:#ffffffe6}.preset-import-export__help-content{margin-top:8px;padding:10px;background:#0003;border-radius:6px;font-size:.75rem;color:#ffffffb3;line-height:1.5;font-family:var(--font-body)}.preset-import-export__help-content p{margin:6px 0}.preset-import-export__help-content ul{margin:0 0 12px;padding-left:20px}.preset-import-export__export-btn{padding:10px 20px;background:#8b5cf626;border:1px solid rgba(139,92,246,.3);border-radius:8px;color:#fff;font-size:.8125rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:6px;white-space:nowrap;font-family:var(--font-body)}.preset-import-export__export-btn:hover{background:#8b5cf640;border-color:#8b5cf680;transform:translateY(-1px)}.preset-import-export__format-selector{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.preset-import-export__format-selector label{font-weight:600;color:var(--text-primary);font-size:.9rem}.preset-import-export__format-select{padding:8px 12px;border:1px solid var(--border-color);border-radius:6px;background:var(--bg-secondary);color:var(--text-primary);font-size:.9rem;cursor:pointer;transition:all .2s ease}.preset-import-export__format-select:hover{border-color:var(--accent-color)}.preset-import-export__format-select:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 2px rgba(var(--accent-color-rgb),.2)}.preset-import-export__format-info{margin-bottom:12px;padding:8px 12px;background:var(--bg-tertiary);border-radius:4px;border-left:3px solid var(--accent-color)}.preset-import-export__format-info small{color:var(--text-secondary);font-size:.8rem;line-height:1.4}.preset-import-export__export-btn--unified{width:100%;padding:12px 16px;background:var(--accent-color);color:var(--accent-text);border:none;border-radius:6px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px}.preset-import-export__export-btn--unified:hover{background:var(--accent-hover);transform:translateY(-1px)}.preset-import-export__export-btn--unified:active{transform:translateY(0)}.preset-import-export__export-btn--unified:disabled{opacity:.6;cursor:not-allowed;transform:none}@media(max-width:768px){.preset-import-export__format-selector{gap:6px;margin-bottom:10px}.preset-import-export__format-select{padding:10px 12px;font-size:16px}.preset-import-export__format-info{padding:6px 10px;margin-bottom:10px}.preset-import-export__export-btn--unified{padding:14px 16px;font-size:16px}}@media(prefers-contrast:high){.preset-import-export__format-select{border-width:2px}.preset-import-export__format-info{border-left-width:4px}}.preset-library{background:var(--preset-surface, rgba(255, 255, 255, .98));border-radius:12px;padding:20px;margin:20px 0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--preset-border, rgba(142, 152, 168, .18));box-shadow:var(--preset-shadow, 0 18px 32px rgba(26, 29, 36, .08));color:var(--preset-text-primary, #1a1d24)}[data-theme=dark] .preset-library,[data-theme=flux-night] .preset-library{--preset-surface: rgba(18, 24, 38, .9);--preset-border: rgba(62, 73, 107, .45);--preset-shadow: 0 22px 44px rgba(5, 8, 22, .7);--preset-text-primary: rgba(248, 251, 255, .98);--preset-text-secondary: rgba(158, 175, 210, .78);--preset-text-muted: rgba(135, 149, 189, .6);--preset-tab-bg: rgba(24, 30, 48, .78);--preset-tab-hover: rgba(61, 124, 255, .16);--preset-tab-active-bg: rgba(61, 124, 255, .22);--preset-card-bg: rgba(24, 30, 48, .92);--preset-card-border: rgba(92, 104, 148, .55);--preset-card-hover: rgba(61, 124, 255, .14);--preset-card-active: rgba(61, 124, 255, .2);--preset-input-bg: rgba(14, 18, 32, .88);--preset-input-border: rgba(92, 104, 148, .55);--preset-save-text: #4ade80;--preset-save-bg: rgba(74, 222, 128, .15);--preset-save-bg-hover: rgba(74, 222, 128, .25);--preset-modal-bg: rgba(24, 30, 48, .95);--preset-modal-border: rgba(92, 104, 148, .6)}[data-theme=light] .preset-library,:root[data-theme=light] .preset-library{--preset-surface: rgba(255, 255, 255, .98);--preset-border: rgba(142, 152, 168, .18);--preset-shadow: 0 18px 32px rgba(26, 29, 36, .08);--preset-text-primary: #1a1d24;--preset-text-secondary: rgba(26, 29, 36, .55);--preset-text-muted: rgba(26, 29, 36, .4)}.preset-library__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.preset-library__header h4{margin:0;color:var(--preset-text-primary, #1a1d24);font-size:1rem;font-weight:600;font-family:var(--font-body)}.preset-library__save-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;border:1px solid var(--preset-save-border, rgba(74, 222, 128, .3));border-radius:6px;background:var(--preset-save-bg, rgba(74, 222, 128, .1));color:var(--preset-save-text, #34c759);cursor:pointer;transition:all .2s ease;font-size:.9rem;font-weight:500;font-family:var(--font-body)}.preset-library__save-btn:hover{background:var(--preset-save-bg-hover, rgba(74, 222, 128, .2));transform:translateY(-1px)}.preset-library__controls{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.preset-library__search{width:100%;padding:10px 12px;border:1px solid var(--preset-input-border, rgba(142, 152, 168, .18));border-radius:6px;background:var(--preset-input-bg, rgba(255, 255, 255, .92));color:var(--preset-text-primary, #1a1d24);font-size:.9rem;font-family:var(--font-body)}.preset-library__search::placeholder{color:var(--preset-text-muted, rgba(26, 29, 36, .4))}.preset-library__search:focus{outline:2px solid var(--preset-focus, #3d7cff);outline-offset:1px}.preset-library__tabs{display:flex;gap:4px;background:var(--preset-tab-bg, rgba(255, 255, 255, .82));border-radius:6px;padding:4px}.preset-library__tab{flex:1;padding:8px 12px;border:none;border-radius:4px;background:transparent;color:var(--preset-text-secondary, rgba(26, 29, 36, .55));cursor:pointer;transition:all .2s ease;font-size:.85rem;font-weight:500;font-family:var(--font-body)}.preset-library__tab:hover{background:var(--preset-tab-hover, rgba(61, 124, 255, .12));color:var(--preset-focus, #3d7cff)}.preset-library__tab.active{background:var(--preset-tab-active-bg, rgba(61, 124, 255, .16));color:var(--preset-focus, #3d7cff)}.preset-library__section{margin-bottom:24px}.preset-library__section:last-child{margin-bottom:0}.preset-library__section h5{margin:0 0 12px;color:var(--preset-text-secondary, rgba(26, 29, 36, .55));font-size:.9rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;font-family:var(--font-body)}.preset-library__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}.preset-library__item{background:var(--preset-card-bg, var(--color-surface-raised));border:1px solid var(--preset-card-border, var(--color-border));border-radius:8px;padding:16px;transition:all .2s ease;cursor:pointer}.preset-library__item:hover{background:var(--preset-card-hover, rgba(61, 124, 255, .12));border-color:var(--preset-focus, #3d7cff);transform:translateY(-1px)}.preset-library__item.active{border-color:var(--preset-focus, #3d7cff);background:var(--preset-card-active, rgba(61, 124, 255, .18))}.preset-library__item--bundled{border-color:#8b5cf659}.preset-library__item--bundled.active{border-color:#8b5cf68c;background:#8b5cf62e}.preset-library__item-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px}.preset-library__item-header h6{margin:0;color:var(--preset-text-primary, #1a1d24);font-size:.95rem;font-weight:600;line-height:1.2;font-family:var(--font-body)}.preset-library__item-meta{display:flex;align-items:center;gap:8px}.preset-library__favorite-btn{background:none;border:none;color:var(--preset-text-muted, rgba(135, 149, 189, .6));cursor:pointer;font-size:.9rem;padding:2px;transition:all .2s ease}.preset-library__favorite-btn:hover{color:#fbbf24;transform:scale(1.1)}.preset-library__favorite-btn.active{color:#fbbf24}.preset-library__usage{font-size:.7rem;color:var(--preset-text-muted, rgba(135, 149, 189, .6));background:#3d7cff1f;padding:2px 6px;border-radius:10px;font-family:var(--font-body)}.preset-library__item-description{margin:0 0 12px;color:var(--preset-text-secondary, rgba(26, 29, 36, .55));font-size:.8rem;line-height:1.4;font-family:var(--font-body)}.preset-library__item-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;font-size:.75rem;font-family:var(--font-body)}.preset-library__item-preamp{color:var(--preset-save-text, #34c759);font-weight:500}.preset-library__item-source{color:var(--preset-text-muted, rgba(135, 149, 189, .6))}.preset-library__item-actions{display:flex;gap:8px}.preset-library__export-btn{padding:8px 12px;border:1px solid var(--preset-border, rgba(142, 152, 168, .18));border-radius:4px;background:var(--preset-card-bg, rgba(255, 255, 255, .92));color:var(--preset-text-secondary, rgba(26, 29, 36, .55));cursor:pointer;transition:all .2s ease;font-size:.8rem;font-weight:500;font-family:var(--font-body)}.preset-library__export-btn:hover{background:var(--preset-card-hover, rgba(61, 124, 255, .12));border-color:var(--preset-focus, #3d7cff);color:var(--preset-focus, #3d7cff)}.preset-library__load-btn{flex:1;padding:8px 12px;border:1px solid var(--preset-focus, #3d7cff);border-radius:4px;background:#3d7cff1f;color:var(--preset-focus, #3d7cff);cursor:pointer;transition:all .2s ease;font-size:.8rem;font-weight:500;font-family:var(--font-body)}.preset-library__load-btn:hover{background:#3d7cff33}.preset-library__delete-btn{padding:8px;border:1px solid rgba(239,68,68,.3);border-radius:4px;background:#ef44441a;color:#ef4444;cursor:pointer;transition:all .2s ease;font-size:.8rem;font-family:var(--font-body)}.preset-library__delete-btn:hover{background:#ef444433}.preset-library__empty{text-align:center;padding:40px 20px;color:var(--preset-text-secondary, rgba(26, 29, 36, .55));font-size:.9rem;font-family:var(--font-body)}.preset-library__modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.preset-library__modal{background:var(--preset-modal-bg, rgba(255, 255, 255, .98));border:1px solid var(--preset-modal-border, var(--preset-border, rgba(142, 152, 168, .18)));border-radius:12px;padding:24px;min-width:320px;max-width:90vw;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.preset-library__modal h5{margin:0 0 16px;color:var(--preset-text-primary, #1a1d24);font-size:1.1rem;font-weight:600;font-family:var(--font-body)}.preset-library__name-input{width:100%;padding:12px;border:1px solid var(--preset-input-border, rgba(142, 152, 168, .18));border-radius:6px;background:var(--preset-input-bg, rgba(255, 255, 255, .92));color:var(--preset-text-primary, #1a1d24);font-size:.9rem;margin-bottom:20px;font-family:var(--font-body)}.preset-library__name-input:focus{outline:2px solid var(--preset-focus, #3d7cff);outline-offset:1px}.preset-library__modal-actions{display:flex;gap:12px;justify-content:flex-end}.preset-library__modal-btn{padding:10px 20px;border:1px solid;border-radius:6px;cursor:pointer;transition:all .2s ease;font-size:.9rem;font-weight:500;font-family:var(--font-body)}.preset-library__modal-btn--cancel{border-color:var(--preset-border, rgba(142, 152, 168, .18));background:var(--preset-card-bg, var(--color-surface-raised));color:var(--preset-text-primary, #1a1d24)}.preset-library__modal-btn--cancel:hover{background:var(--preset-card-hover, rgba(61, 124, 255, .12))}.preset-library__modal-btn--save{border-color:var(--preset-save-border, rgba(74, 222, 128, .3));background:var(--preset-save-bg, rgba(74, 222, 128, .1));color:var(--preset-save-text, #34c759)}.preset-library__modal-btn--save:hover{background:var(--preset-save-bg-hover, rgba(74, 222, 128, .2))}.preset-library__modal-btn--save:disabled{opacity:.5;cursor:not-allowed}.preset-library__export-modal{max-width:420px}.preset-library__export-label{display:block;margin:0 0 8px;font-size:.85rem;font-weight:600;color:var(--preset-text-secondary, rgba(26, 29, 36, .55))}.preset-library__export-select{width:100%;padding:10px 12px;border-radius:6px;border:1px solid var(--preset-input-border, rgba(142, 152, 168, .18));background:var(--preset-input-bg, rgba(255, 255, 255, .92));color:var(--preset-text-primary, #1a1d24);font-size:.9rem;font-family:var(--font-body);margin-bottom:12px}.preset-library__export-select:focus{outline:2px solid var(--preset-focus, #3d7cff);outline-offset:1px}.preset-library__export-hint{margin:0 0 16px;font-size:.8rem;color:var(--preset-text-muted, rgba(135, 149, 189, .6))}.preset-library__status{position:fixed;bottom:20px;right:20px;display:flex;align-items:center;gap:8px;padding:12px 16px;border-radius:8px;border:1px solid;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;animation:slideInUp .3s ease}.preset-library__status--success{background:#22c55e1a;border-color:#22c55e4d;color:#86efac}.preset-library__status--error{background:#ef44441a;border-color:#ef44444d;color:#fca5a5}.preset-library__status-icon{font-size:1rem}.preset-library__status-message{font-size:.9rem;font-weight:500;font-family:var(--font-body)}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.preset-library{padding:16px;margin:16px 0}.preset-library__grid{grid-template-columns:1fr}.preset-library__controls{gap:8px}.preset-library__tabs{flex-direction:column}.preset-library__tab{text-align:center}.preset-library__modal{margin:20px;min-width:auto}.preset-library__status{bottom:10px;right:10px;left:10px}}@media(max-width:480px){.preset-library__header{flex-direction:column;gap:12px;align-items:stretch}.preset-library__item-actions,.preset-library__modal-actions{flex-direction:column}}.preset-library__storage-info{margin-top:16px;padding:12px;background:#ffffff0d;border-radius:6px;border:1px solid rgba(255,255,255,.1)}.preset-library__storage-info p{margin:0;font-size:.8rem;color:#ffffffb3}.storage-warning{color:#fbbf24!important;font-weight:500;margin-top:4px!important}.preset-library__delete-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.preset-library__delete-dialog{background:var(--bg-primary, #ffffff);border-radius:12px;padding:24px;max-width:400px;width:90%;box-shadow:0 20px 40px #0000004d;border:2px solid var(--error-color, #dc2626)}.preset-library__delete-dialog h3{margin:0 0 16px;color:var(--error-color, #dc2626);font-size:1.2rem}.preset-library__delete-dialog p{margin:0 0 12px;color:var(--text-primary, #333);line-height:1.4}.preset-library__delete-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px}.preset-library__delete-cancel,.preset-library__delete-confirm{padding:8px 16px;border-radius:6px;border:none;font-weight:600;cursor:pointer;transition:all .2s ease}.preset-library__delete-cancel{background:var(--bg-secondary, #f3f4f6);color:var(--text-primary, #333)}.preset-library__delete-cancel:hover{background:var(--bg-tertiary, #e5e7eb)}.preset-library__delete-confirm{background:var(--error-color, #dc2626);color:#fff}.preset-library__delete-confirm:hover{background:var(--error-hover, #b91c1c)}@media(max-width:768px){.preset-library__delete-dialog{padding:20px;margin:16px}.preset-library__delete-actions{flex-direction:column;gap:8px}.preset-library__delete-cancel,.preset-library__delete-confirm{width:100%;padding:12px}}.clipping-monitor{display:flex;align-items:center;gap:6px;padding:4px 8px;border-radius:4px;background:var(--bg-secondary, #2a2a2a);border:1px solid var(--border-color, #404040);transition:all .15s ease;font-size:.75rem;min-width:80px}.clipping-monitor.clipping{background:var(--error-bg, #4a1a1a);border-color:var(--error-color, #ff4444);animation:pulse-red .3s ease-in-out}.clipping-indicator{width:8px;height:8px;border-radius:50%;background:var(--text-secondary, #888);transition:all .15s ease;flex-shrink:0}.clipping-monitor.clipping .clipping-indicator{background:var(--error-color, #ff4444);box-shadow:0 0 6px var(--error-color, #ff4444);animation:blink .5s ease-in-out infinite alternate}.clipping-info{display:flex;flex-direction:column;align-items:flex-start;line-height:1.1;min-width:0}.clipping-label{font-weight:600;color:var(--text-secondary, #888);font-size:.65rem;letter-spacing:.5px}.clipping-monitor.clipping .clipping-label{color:var(--error-color, #ff4444)}.peak-level{font-family:Monaco,Menlo,Consolas,monospace;font-size:.7rem;color:var(--text-primary, #fff);white-space:nowrap}.clipping-monitor.clipping .peak-level{color:var(--error-color, #ff4444);font-weight:600}@keyframes pulse-red{0%,to{transform:scale(1);box-shadow:none}50%{transform:scale(1.02);box-shadow:0 0 8px #ff44444d}}@keyframes blink{0%{opacity:1}to{opacity:.6}}@media(max-width:768px){.clipping-monitor{min-width:70px;padding:3px 6px;gap:4px}.clipping-indicator{width:6px;height:6px}.clipping-label{font-size:.6rem}.peak-level{font-size:.65rem}}@media(prefers-contrast:high){.clipping-monitor{border-width:2px}.clipping-monitor.clipping{background:#000;border-color:red}.clipping-monitor.clipping .clipping-indicator{background:red;box-shadow:none}}@media(prefers-reduced-motion:reduce){.clipping-monitor,.clipping-indicator{transition:none}.clipping-monitor.clipping,.clipping-monitor.clipping .clipping-indicator{animation:none}}.autoeq-panel{display:flex;flex-direction:column;gap:1.25rem;padding:1.25rem;border-radius:16px;box-shadow:0 18px 40px #0e152f1f;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:var(--autoeq-text-color, var(--color-text-dark));background:var(--autoeq-panel-bg, var(--color-surface));border:1px solid var(--autoeq-border, var(--color-border));--autoeq-panel-bg: var(--color-surface);--autoeq-card-bg: var(--color-surface-raised);--autoeq-border: var(--color-border);--autoeq-border-strong: var(--color-border-strong);--autoeq-text-color: var(--color-text-dark);--autoeq-text-muted: var(--color-text-muted);--autoeq-chip-bg: rgba(10, 132, 255, .12);--autoeq-chip-hover: rgba(10, 132, 255, .18);--autoeq-chip-text: var(--color-primary);--autoeq-secondary-bg: rgba(209, 233, 255, .85);--autoeq-secondary-text: var(--color-text-dark);--autoeq-primary-gradient: linear-gradient(135deg, #0a84ff, #5aa0ff);--autoeq-input-bg: var(--color-surface);--autoeq-input-border: var(--color-border);--autoeq-input-shadow: 0 4px 12px rgba(10, 132, 255, .08);--autoeq-control-bg: var(--color-surface-muted, rgba(255, 255, 255, .82));--autoeq-control-border: var(--color-border);--autoeq-control-shadow: 0 12px 28px rgba(14, 21, 47, .08);--autoeq-button-ghost: rgba(10, 132, 255, .08)}[data-theme=dark] .autoeq-panel,[data-theme=flux-night] .autoeq-panel{box-shadow:0 24px 60px #03071299;--autoeq-panel-bg: rgba(18, 24, 38, .82);--autoeq-card-bg: rgba(24, 30, 48, .92);--autoeq-border: rgba(62, 73, 107, .45);--autoeq-border-strong: rgba(92, 104, 148, .6);--autoeq-text-color: rgba(248, 251, 255, .98);--autoeq-text-muted: rgba(158, 175, 210, .78);--autoeq-chip-bg: rgba(61, 124, 255, .22);--autoeq-chip-hover: rgba(61, 124, 255, .3);--autoeq-chip-text: #dbeafe;--autoeq-secondary-bg: rgba(30, 41, 59, .78);--autoeq-secondary-text: rgba(226, 232, 240, .85);--autoeq-primary-gradient: linear-gradient(135deg, #3d7cff, #8b5cf6);--autoeq-input-bg: rgba(14, 18, 32, .88);--autoeq-input-border: rgba(92, 104, 148, .55);--autoeq-input-shadow: 0 12px 28px rgba(5, 8, 22, .55);--autoeq-control-bg: rgba(24, 30, 48, .92);--autoeq-control-border: rgba(62, 73, 107, .45);--autoeq-control-shadow: 0 24px 48px rgba(5, 8, 22, .6);--autoeq-button-ghost: rgba(30, 41, 59, .72)}.autoeq-panel--offline{align-items:center;justify-content:center}.autoeq-panel__offline{display:flex;align-items:center;gap:.75rem;padding:1rem 1.5rem;border-radius:8px;background:var(--warning-bg, #fff4d6);border:1px solid var(--warning-border, #f0d48a);color:var(--warning-text, #73520d);font-size:.95rem}.autoeq-panel__header{display:flex;flex-direction:column;gap:.75rem}.autoeq-panel__heading{display:flex;flex-direction:column;gap:.35rem}.autoeq-panel__header h4{margin:0;font-size:1.25rem;font-weight:700;color:var(--autoeq-text-color)}.autoeq-panel__subtitle{margin:0;font-size:.9rem;color:var(--autoeq-text-muted)}.autoeq-panel__recent{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;font-size:.8rem;color:var(--autoeq-text-muted)}.autoeq-panel__recent-label{font-weight:600;color:var(--autoeq-text-muted)}.autoeq-panel__chips{display:flex;gap:.5rem;flex-wrap:wrap}.autoeq-panel__chip{padding:.3rem .65rem;border-radius:999px;border:none;background:var(--autoeq-chip-bg);color:var(--autoeq-chip-text);font-size:.72rem;font-weight:600;cursor:pointer;transition:transform .2s ease,background .2s ease}.autoeq-panel__chip:hover{transform:translateY(-1px);background:var(--autoeq-chip-hover)}.autoeq-panel__controls{display:flex;flex-direction:column;gap:1rem;background:var(--autoeq-control-bg);border:1px solid var(--autoeq-control-border);border-radius:14px;padding:1.25rem;box-shadow:var(--autoeq-control-shadow)}.autoeq-panel__search-row{display:flex;flex-direction:column;gap:.75rem}.autoeq-panel__search{width:100%;padding:.85rem 1rem;border-radius:10px;border:1px solid var(--autoeq-input-border);font-size:1rem;background:var(--autoeq-input-bg);color:var(--autoeq-text-color);box-shadow:var(--autoeq-input-shadow)}.autoeq-panel__search::placeholder{color:var(--autoeq-text-muted)}.autoeq-panel__checkbox{display:flex;align-items:center;gap:.5rem;font-size:.88rem;color:var(--autoeq-text-muted)}.autoeq-panel__checkbox--compact{color:var(--autoeq-text-muted)}.autoeq-panel__filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.85rem}.autoeq-panel__filter{display:flex;flex-direction:column;gap:.35rem;font-size:.75rem;color:var(--autoeq-text-muted)}.autoeq-panel__filter select{width:100%;padding:.6rem .75rem;border-radius:8px;border:1px solid var(--autoeq-input-border);background:var(--autoeq-input-bg);color:var(--autoeq-text-color);font-size:.9rem;cursor:pointer;box-shadow:var(--autoeq-input-shadow)}.autoeq-panel__reset{padding:.55rem .8rem;border-radius:10px;border:none;background:var(--autoeq-button-ghost);color:var(--autoeq-text-color);font-size:.85rem;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.autoeq-panel__reset:hover{transform:translateY(-1px);box-shadow:0 8px 18px #3d7cff3d}.autoeq-panel__advanced-toggle{align-self:flex-end;border:1px solid var(--autoeq-border-strong);background:var(--autoeq-button-ghost);color:var(--autoeq-text-color);cursor:pointer;font-size:.85rem;font-weight:600;display:inline-flex;align-items:center;gap:.35rem;padding:.48rem .9rem;border-radius:6px;transition:transform .2s ease,box-shadow .2s ease;margin-top:.35rem}.autoeq-panel__advanced-toggle:hover{transform:translateY(-1px);box-shadow:0 10px 22px #3d7cff2e}.autoeq-panel__advanced{display:flex;flex-direction:column;gap:.5rem;padding:1rem;border-radius:12px;background:var(--autoeq-control-bg);border:1px dashed var(--autoeq-border-strong)}.autoeq-panel__token-row{display:flex;gap:.5rem;flex-wrap:wrap;font-size:.8rem;color:var(--autoeq-text-muted)}.autoeq-panel__token-input{flex:1;min-width:220px;padding:.6rem .75rem;border-radius:8px;border:1px solid var(--autoeq-input-border);background:var(--autoeq-input-bg);color:var(--autoeq-text-color)}.autoeq-panel__advanced button{padding:.5rem .9rem;border-radius:8px;border:none;background:var(--autoeq-button-ghost);color:var(--autoeq-text-color);font-weight:600;cursor:pointer}.autoeq-panel__token-help{margin:0;font-size:.75rem;color:var(--autoeq-text-muted)}.autoeq-panel__error{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-radius:8px;background:var(--error-bg, #fdecea);border:1px solid var(--error-border, #f9c0bb);color:var(--error-text, #a4251b)}.autoeq-panel__error button{margin-left:auto;border:none;background:none;font-size:1.25rem;cursor:pointer}.autoeq-panel__results{display:flex;flex-direction:column;gap:.75rem}.autoeq-panel__loading,.autoeq-panel__empty{padding:1.5rem;text-align:center;color:var(--autoeq-text-muted);border:1px dashed var(--autoeq-border-strong);border-radius:12px;background:var(--autoeq-panel-bg)}.autoeq-panel__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.75rem}.autoeq-panel__list--compact{gap:.55rem}.autoeq-panel__item{background:var(--autoeq-card-bg);border-radius:14px;border:1px solid var(--autoeq-border);box-shadow:var(--autoeq-control-shadow);padding:0;overflow:hidden}.autoeq-card__content{display:flex;flex-direction:column;height:100%}.autoeq-card__header{padding:.9rem 1.2rem .7rem;border-bottom:1px solid var(--autoeq-border-strong);overflow:hidden;color:var(--autoeq-text-color)}.autoeq-card__body{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1rem;padding:.9rem 1.2rem 1.1rem;align-items:center;color:var(--autoeq-text-muted)}.autoeq-card__title{margin:0;font-size:1rem;font-weight:600;color:var(--autoeq-text-color);white-space:nowrap;overflow:hidden}.autoeq-card__title-text{display:inline-block;min-width:100%;animation:none}.autoeq-panel__item:hover .autoeq-card__title-text{animation:autoeq-scroll-title 8s linear infinite}.autoeq-panel__item--compact .autoeq-card__title{font-size:.95rem}.autoeq-card__target{margin:0;font-size:.78rem;color:var(--autoeq-text-muted);letter-spacing:.01em}.autoeq-card__meta{display:flex;flex-direction:column;gap:.35rem;align-self:stretch}.autoeq-chip{display:inline-flex;align-items:center;justify-content:center;padding:.35rem .7rem;border-radius:8px;font-size:clamp(.7rem,1.4vw,.78rem);font-weight:600;line-height:1.15;letter-spacing:.01em;transition:background .2s ease;max-width:100%;white-space:normal;overflow:hidden;text-overflow:ellipsis;text-align:center;flex-wrap:wrap}.autoeq-chip--source{background:var(--autoeq-chip-bg);color:var(--autoeq-chip-text)}.autoeq-chip--type{background:#6f42c11f;color:#8064c7}[data-theme=flux-night] .autoeq-chip--type{background:#a78bfa38;color:#d8b4fe}.autoeq-chip:hover{background:var(--autoeq-chip-hover)}.autoeq-card__actions{display:flex;flex-direction:column;align-items:stretch;gap:.35rem;min-width:130px}.autoeq-card__button{display:inline-flex;justify-content:center;align-items:center;gap:.35rem;border-radius:12px;border:1px solid transparent;font-size:.78rem;font-weight:600;padding:.45rem .75rem;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,background .2s ease}.autoeq-card__button--primary{background:var(--autoeq-primary-gradient);color:var(--autoeq-text-primary, #ffffff);box-shadow:0 12px 26px #3d7cff59}.autoeq-card__button--ghost{background:var(--autoeq-button-ghost);border-color:var(--autoeq-border-strong);color:var(--autoeq-secondary-text)}.autoeq-card__button--ghost:hover{background:var(--autoeq-secondary-bg)}.autoeq-card__button:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}.autoeq-card__button:not(:disabled):hover{transform:translateY(-1px);box-shadow:0 14px 30px #3b82f652}@keyframes autoeq-scroll-title{0%,10%{transform:translate(0)}90%,to{transform:translate(-50%)}}.autoeq-panel__pagination{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:.75rem 1rem;border-top:1px solid var(--autoeq-border);background:var(--autoeq-control-bg);border-radius:12px;color:var(--autoeq-text-muted)}.autoeq-panel__pagination button{width:2.25rem;height:2.25rem;border-radius:8px;border:1px solid var(--autoeq-border-strong);background:var(--autoeq-chip-bg);color:var(--autoeq-chip-text);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;font-weight:600;font-size:1rem}.autoeq-panel__pagination button:disabled{background:#3d7cff14;cursor:not-allowed;opacity:.5}.autoeq-panel__pagination span{font-size:.78rem;color:var(--autoeq-text-muted)}.peq-panel{--peq-surface-primary: rgba(255, 255, 255, .98);--peq-surface-secondary: rgba(255, 255, 255, .94);--peq-surface-tertiary: rgba(255, 255, 255, .88);--peq-border-subtle: rgba(142, 152, 168, .18);--peq-border-medium: rgba(142, 152, 168, .28);--peq-text-primary: #1a1d24;--peq-text-secondary: rgba(26, 29, 36, .55);--peq-text-tertiary: rgba(26, 29, 36, .4);--peq-primary: #0a84ff;--peq-primary-hover: rgba(10, 132, 255, .12);--peq-primary-active: rgba(10, 132, 255, .16);--peq-primary-border: rgba(10, 132, 255, .36);--peq-success: #34c759;--peq-success-bg: rgba(52, 199, 89, .16);--peq-success-border: rgba(52, 199, 89, .36);--peq-error: #ff453a;--peq-error-bg: rgba(255, 105, 97, .16);--peq-error-border: rgba(255, 105, 97, .34);--peq-shadow-soft: 0 18px 32px rgba(26, 29, 36, .08);--peq-shadow-hover: 0 4px 14px rgba(10, 132, 255, .2)}[data-theme=dark] .peq-panel,[data-theme=flux-night] .peq-panel{--peq-surface-primary: rgba(24, 30, 48, .92);--peq-surface-secondary: rgba(18, 24, 38, .82);--peq-surface-tertiary: rgba(14, 18, 32, .72);--peq-border-subtle: rgba(62, 73, 107, .45);--peq-border-medium: rgba(92, 104, 148, .6);--peq-text-primary: rgba(248, 251, 255, .98);--peq-text-secondary: rgba(158, 175, 210, .78);--peq-text-tertiary: rgba(135, 149, 189, .6);--peq-primary: #3d7cff;--peq-primary-hover: rgba(61, 124, 255, .12);--peq-primary-active: rgba(61, 124, 255, .18);--peq-primary-border: rgba(61, 124, 255, .45);--peq-success: #4ade80;--peq-success-bg: rgba(74, 222, 128, .15);--peq-success-border: rgba(74, 222, 128, .35);--peq-error: #ff6b6b;--peq-error-bg: rgba(255, 107, 107, .15);--peq-error-border: rgba(255, 107, 107, .35);--peq-shadow-soft: 0 22px 44px rgba(5, 8, 22, .7);--peq-shadow-hover: 0 28px 55px rgba(49, 46, 129, .55)}.peq-panel{background:transparent;padding:0;margin:0;height:100%;display:flex;flex-direction:column;gap:.75rem;overflow-y:auto}.peq-panel__header{margin-bottom:0}.peq-panel__title-section{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;color:var(--peq-text-primary)}.peq-panel__header h3{margin:0;color:var(--peq-text-primary);font-size:1rem;font-weight:600;letter-spacing:-.01em;font-family:var(--font-body)}.peq-panel__global-controls{display:flex;flex-direction:column;gap:.75rem;padding:.875rem;background:var(--peq-surface-primary);border-radius:.75rem;border:1px solid var(--peq-border-subtle);box-shadow:var(--peq-shadow-soft);color:var(--peq-text-primary)}.peq-panel__tabs{display:flex;gap:.5rem;margin-top:.5rem;background:var(--peq-surface-secondary);padding:.5rem;border-radius:.75rem;border:1px solid var(--peq-border-subtle);box-shadow:var(--peq-shadow-soft)}.peq-panel__tabs button{flex:1;padding:.5rem .75rem;border-radius:.6rem;border:1px solid transparent;background:transparent;color:var(--peq-text-secondary);font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s ease}.peq-panel__tabs button:hover{border-color:var(--peq-primary-border);background:var(--peq-primary-hover);color:var(--peq-primary)}.peq-panel__tabs button.active{border-color:var(--peq-primary-border);background:var(--peq-primary-active);color:var(--peq-primary);font-weight:600}.peq-panel__tab-content{display:flex;flex-direction:column;gap:1rem}.peq-panel__tab-section{background:var(--peq-surface-tertiary);border-radius:.75rem;border:1px solid var(--peq-border-subtle);padding:1rem;display:flex;flex-direction:column;gap:1rem;box-shadow:var(--peq-shadow-soft);color:var(--peq-text-primary)}.peq-panel__quick-actions{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.peq-panel__preset-row{display:flex;align-items:center;gap:.5rem}.peq-panel__preset-name{flex:1;font-size:.875rem;font-weight:600;color:var(--peq-text-primary);padding:.5rem .75rem;background:var(--peq-surface-secondary);border-radius:.5rem;border:1px solid var(--peq-border-medium);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--font-body)}.peq-panel__preset-actions{display:flex;gap:.25rem}.peq-panel__preset-nav{width:32px;height:32px;padding:0;display:flex;align-items:center;justify-content:center;background:var(--peq-surface-secondary);border:1px solid var(--peq-border-medium);border-radius:.5rem;color:var(--peq-text-secondary);cursor:pointer;transition:all .2s ease;font-size:.875rem}.peq-panel__preset-nav:hover{background:var(--peq-primary-hover);border-color:var(--peq-primary-border);color:var(--peq-primary)}.peq-control-group{display:flex;flex-direction:column;gap:.5rem}.peq-control-group label{font-size:.8125rem;color:var(--peq-text-secondary);font-weight:600;display:flex;align-items:center;justify-content:space-between}.peq-control-group__value{font-size:.75rem;color:var(--peq-text-tertiary);font-weight:500}.auto-indicator{color:var(--peq-success);font-size:.75rem;margin-left:4px}.peq-bypass-btn{padding:.625rem 1rem;border:1px solid var(--peq-border-medium);border-radius:.5rem;background:var(--peq-surface-secondary);color:var(--peq-text-secondary);cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);font-size:.8125rem;font-weight:600;min-height:38px;display:flex;align-items:center;justify-content:center;gap:.5rem}.peq-bypass-btn:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--peq-success);box-shadow:0 0 8px var(--peq-success)}.peq-bypass-btn:hover{background:var(--peq-primary-hover);border-color:var(--peq-primary-border);color:var(--peq-primary);transform:translateY(-1px);box-shadow:var(--peq-shadow-hover)}.peq-bypass-btn:active{transform:translateY(0)}.peq-bypass-btn.bypassed{background:var(--peq-error-bg);border-color:var(--peq-error-border);color:var(--peq-error)}.peq-bypass-btn.bypassed:before{background:var(--peq-error);box-shadow:0 0 8px var(--peq-error)}.peq-bypass-btn.bypassed:hover{background:var(--peq-error-bg);border-color:var(--peq-error-border);transform:translateY(-1px)}.auto-toggle{padding:.375rem .75rem;border:1px solid var(--peq-border-medium);border-radius:.375rem;background:var(--peq-surface-secondary);color:var(--peq-text-tertiary);cursor:pointer;font-size:.75rem;font-weight:600;transition:all .2s ease;text-transform:uppercase;letter-spacing:.05em}.auto-toggle:hover{background:var(--peq-primary-hover);color:var(--peq-primary);border-color:var(--peq-primary-border)}.auto-toggle.active{background:var(--peq-success-bg);border-color:var(--peq-success-border);color:var(--peq-success)}.auto-toggle.active:before{content:"✓ "}.reset-btn{padding:.625rem 1rem;border:1px solid var(--peq-border-medium);border-radius:.5rem;background:var(--peq-surface-secondary);color:var(--peq-text-secondary);cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);font-size:.8125rem;font-weight:600;min-height:38px;display:flex;align-items:center;justify-content:center;gap:.5rem}.reset-btn:hover{background:var(--peq-primary-hover);border-color:var(--peq-primary-border);color:var(--peq-primary);transform:translateY(-1px);box-shadow:var(--peq-shadow-hover)}.reset-btn:active{transform:translateY(0)}.clear-settings-btn{padding:8px 16px;border:1px solid var(--peq-error-border);border-radius:6px;background:var(--peq-error-bg);color:var(--peq-error);cursor:pointer;transition:all .2s ease;min-height:44px;font-size:.85rem}.clear-settings-btn:hover{background:var(--peq-error-bg);border-color:var(--peq-error-border);opacity:.9}.peq-current-preset{color:var(--peq-primary);font-weight:600;font-size:.9rem;padding:4px 8px;background:var(--peq-primary-hover);border-radius:4px;border:1px solid var(--peq-primary-border)}.peq-panel__bands{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-top:16px}.peq-panel__manual{border-radius:.75rem;border:1px solid var(--peq-border-medium);background:var(--peq-surface-secondary);padding:.5rem .75rem;color:var(--peq-text-secondary)}.peq-panel__manual summary{cursor:pointer;font-weight:600;font-size:.9rem}.peq-panel__manual[open]{background:var(--peq-surface-tertiary)}.peq-panel__manual[open] summary+*{margin-top:.75rem}.peq-panel__auto-eq-warning{margin:0;padding:.75rem 1rem;border-radius:.6rem;border:1px solid var(--peq-error-border);background:var(--peq-error-bg);color:var(--peq-error);font-size:.85rem}.band-control{display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px 6px;background:var(--peq-surface-primary);border-radius:10px;border:1px solid var(--peq-border-subtle);box-shadow:var(--peq-shadow-soft)}.band-control__header{text-align:center}.band-control__frequency{font-size:.75rem;font-weight:600;color:var(--peq-text-primary);font-family:var(--font-body)}.band-control__gain{display:flex;flex-direction:column;align-items:center;gap:6px}.gain-slider{writing-mode:vertical-lr;direction:rtl;-webkit-appearance:none;appearance:none;width:18px;height:100px;background:#8e98a826;outline:none;border-radius:10px;cursor:pointer;border:1px solid var(--peq-border-subtle)}.gain-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:var(--peq-primary);cursor:pointer;border:2px solid #fff;box-shadow:0 2px 4px #0000001f}.gain-slider::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--peq-primary);cursor:pointer;border:2px solid #fff;box-shadow:0 2px 4px #0000001f}.gain-slider:focus{outline:2px solid var(--peq-primary);outline-offset:2px}.gain-display{font-size:.6875rem;color:var(--peq-text-secondary);font-weight:500;min-width:45px;text-align:center;font-family:var(--font-body);white-space:nowrap}.band-control__q{display:flex;flex-direction:column;align-items:center;gap:3px;width:100%}.band-control__q label{font-size:.6875rem;color:var(--peq-text-tertiary);font-family:var(--font-body)}.band-control__q input{width:100%;height:18px;background:#8e98a826;border-radius:10px;outline:none;cursor:pointer;border:1px solid var(--peq-border-subtle)}.band-control__q input:disabled{opacity:.5;cursor:not-allowed}.q-display{font-size:.625rem;color:var(--peq-text-tertiary);font-family:var(--font-body)}.band-control__type{width:100%}.type-selector{width:100%;padding:3px 4px;background:var(--peq-primary-hover);border:1px solid var(--peq-primary-border);border-radius:4px;color:var(--peq-text-primary);font-size:.625rem;cursor:pointer;font-family:var(--font-body)}.type-selector:focus{outline:2px solid var(--peq-primary);outline-offset:1px}@media(max-width:768px){.peq-panel__bands{grid-template-columns:repeat(5,1fr);gap:12px}.peq-panel__global-controls{flex-direction:column;align-items:stretch}.peq-control-group{min-width:auto}}@media(max-width:480px){.peq-panel__bands{grid-template-columns:repeat(2,1fr)}.band-control{padding:12px 6px}.gain-slider{height:100px}}@media(pointer:coarse){.gain-slider,.peq-bypass-btn,.reset-btn,.auto-toggle{min-width:44px;min-height:44px;touch-action:none}}.peq-panel__title-section h3{margin:0;flex:1;color:var(--peq-text-primary);font-size:1rem;font-weight:600;font-family:var(--font-body)}.peq-panel__shortcuts-help{margin-top:24px;padding:16px;background:var(--peq-surface-secondary);border-radius:8px;border:1px solid var(--peq-border-subtle)}.peq-panel__shortcuts-help details{cursor:pointer}.peq-panel__shortcuts-help summary{font-weight:600;color:var(--peq-text-primary);padding:4px 0;-webkit-user-select:none;user-select:none;outline:none}.peq-panel__shortcuts-help summary:hover{color:var(--peq-primary)}.peq-panel__shortcuts-help summary:focus{color:var(--peq-primary);text-decoration:underline}.shortcuts-help-content{margin-top:12px;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:8px}.shortcut-item{display:flex;align-items:center;gap:8px;padding:4px 0}.shortcut-key{display:inline-block;padding:2px 6px;background:var(--peq-surface-tertiary);border:1px solid var(--peq-border-subtle);border-radius:3px;font-family:Monaco,Menlo,Consolas,monospace;font-size:.75rem;font-weight:600;color:var(--peq-text-primary);min-width:24px;text-align:center;box-shadow:0 1px 2px #0000001a}.shortcut-description{font-size:.85rem;color:var(--peq-text-secondary);flex:1}@media(max-width:768px){.peq-panel__title-section{flex-direction:column;align-items:flex-start;gap:12px}.peq-panel__shortcuts-help{margin-top:16px;padding:12px}.shortcuts-help-content{grid-template-columns:1fr;gap:6px}.shortcut-item{gap:6px}.shortcut-key{min-width:20px;padding:1px 4px;font-size:.7rem}.shortcut-description{font-size:.8rem}}@media(prefers-contrast:high){.shortcut-key{border-width:2px;background:var(--peq-surface-primary)}.peq-panel__shortcuts-help{border-width:2px}}@media(prefers-reduced-motion:reduce){.peq-panel__shortcuts-help summary{transition:none}}.sidebar{display:flex;flex-direction:column;background:linear-gradient(135deg,#1a1a1dfa,#141417fa);-webkit-backdrop-filter:blur(24px) saturate(180%);backdrop-filter:blur(24px) saturate(180%);border-radius:1.25rem;border:1px solid rgba(255,255,255,.12);overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;box-shadow:0 8px 32px #0006,0 0 0 1px #ffffff0f inset}.sidebar__header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid rgba(255,255,255,.12);background:transparent;min-height:auto}.sidebar__title{font-size:1rem;font-weight:600;color:#f8fafc;margin:0;letter-spacing:-.01em;font-family:var(--font-body)}.sidebar__toggle{padding:.375rem .625rem;background:transparent;border:none;color:#ffffff80;cursor:pointer;font-size:.875rem;transition:color .15s ease;border-radius:4px;display:flex;align-items:center;justify-content:center}.sidebar__toggle:hover{color:#ffffffbf}.sidebar__toggle:active{color:#ffffffe6}.sidebar__toggle:focus-visible{outline:2px solid rgba(99,102,241,.5);outline-offset:2px}.sidebar__toggle--collapsed{position:absolute;top:1rem;left:50%;transform:translate(-50%);padding:.5rem}.sidebar__toggle--collapsed:hover{transform:translate(-50%)}.sidebar__content{flex:1;overflow-y:auto;overflow-x:hidden;padding:1.25rem;transition:opacity .3s ease}.sidebar__content::-webkit-scrollbar{width:8px}.sidebar__content::-webkit-scrollbar-track{background:transparent}.sidebar__content::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:4px}.sidebar__content::-webkit-scrollbar-thumb:hover{background:#ffffff40}.sidebar__content{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.15) transparent}.sidebar--collapsed{width:48px!important;min-width:48px!important;border-radius:.75rem}.sidebar--collapsed .sidebar__title{display:none}.sidebar--collapsed .sidebar__content{opacity:0;pointer-events:none;padding:0}.sidebar--collapsed .sidebar__header{display:none}.sidebar--left{border-right:1px solid rgba(255,255,255,.05)}.sidebar--right{border-left:1px solid rgba(255,255,255,.05)}.sidebar--collapsed:hover{background:#1a1a1d}@media(max-width:1279px){.sidebar{max-width:280px}}@media(max-width:767px){.sidebar{width:100vw;max-width:100vw;border-radius:0;height:100%}.sidebar__header{padding:.75rem 1rem}.sidebar__content{padding:1rem}}@media(prefers-reduced-motion:reduce){.sidebar,.sidebar__toggle,.sidebar__content{transition:none}}@media(prefers-contrast:high){.sidebar{border:2px solid #fff;background:#000}.sidebar__toggle{border:2px solid #fff}}.app-header{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:1rem;padding:.5rem 1.5rem;background:linear-gradient(180deg,#1a1a1dfa,#141417f2);-webkit-backdrop-filter:blur(24px) saturate(180%);backdrop-filter:blur(24px) saturate(180%);border-bottom:1px solid rgba(255,255,255,.1);box-shadow:0 4px 20px #0000004d,0 1px #ffffff0d inset;position:relative;z-index:100}.app-header__left{display:flex;align-items:center;gap:1rem}.app-header__logo{display:flex;align-items:center;gap:.5rem;margin:0;font-size:1.375rem;font-weight:800;color:#f8fafc;letter-spacing:-.03em;font-family:var(--font-body)}.app-header__logo-icon{font-size:1.625rem;filter:drop-shadow(0 0 12px rgba(244,114,182,.5)) drop-shadow(0 0 24px rgba(139,92,246,.3));animation:gentle-pulse 4s ease-in-out infinite}@keyframes gentle-pulse{0%,to{filter:drop-shadow(0 0 12px rgba(244,114,182,.5)) drop-shadow(0 0 24px rgba(139,92,246,.3))}50%{filter:drop-shadow(0 0 16px rgba(244,114,182,.6)) drop-shadow(0 0 32px rgba(139,92,246,.4))}}.app-header__logo-text{background:linear-gradient(135deg,#f472b6,#c084fc,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative}.app-header__tagline{margin:0;font-size:.8125rem;color:#94a3b8;font-style:italic;font-weight:400;letter-spacing:.01em;font-family:var(--font-body)}.app-header__center{display:flex;justify-content:center}.app-header__quick-actions{display:flex;gap:.5rem;padding:.375rem;background:linear-gradient(135deg,#6366f114,#8b5cf614);border-radius:.875rem;border:1px solid rgba(255,255,255,.08);box-shadow:0 2px 12px #00000026,0 0 0 1px #ffffff08 inset}.app-header__right{display:flex;justify-content:flex-end;gap:.5rem}.header-btn{display:flex;align-items:center;gap:.5rem;padding:.625rem 1.125rem;background:transparent;border:1px solid rgba(255,255,255,.1);border-radius:.625rem;color:#fff9;font-size:.875rem;font-weight:600;font-family:var(--font-body);cursor:pointer;transition:background .2s ease,border-color .2s ease,color .2s ease;white-space:nowrap;position:relative;overflow:hidden}.header-btn:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#6366f114,#8b5cf614);opacity:0;transition:opacity .2s ease}.header-btn:hover:before{opacity:1}.header-btn:hover{background:#6366f114;border-color:#6366f140;color:#f8fafc}.header-btn:active{background:#6366f11f;border-color:#6366f14d}.header-btn--active{background:#6366f126;border-color:#6366f166;color:#f8fafc;box-shadow:0 0 16px #6366f140,0 0 0 1px #6366f126 inset}.header-btn--active:before{opacity:.5}.header-btn--icon{padding:.5rem;min-width:40px;justify-content:center}.header-btn__icon{font-size:1.125rem;line-height:1}.header-btn__label{font-weight:500}.header-btn__kbd{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 .5rem;background:linear-gradient(135deg,#0006,#0000004d);border:1px solid rgba(255,255,255,.2);border-radius:.375rem;font-size:.75rem;font-family:SF Mono,Monaco,Consolas,monospace;color:#94a3b8;font-weight:700;line-height:1;box-shadow:0 1px 3px #0000004d,0 0 0 1px #ffffff0d inset}.header-btn:hover .header-btn__kbd{background:linear-gradient(135deg,#6366f14d,#8b5cf633);border-color:#6366f166;color:#c7d2fe;box-shadow:0 2px 6px #6366f14d,0 0 0 1px #6366f133 inset}.header-btn:focus-visible{outline:2px solid #6366f1;outline-offset:2px}@media(max-width:1024px){.app-header{grid-template-columns:auto 1fr auto}.app-header__tagline{display:none}.app-header__center{justify-content:flex-start;margin-left:1rem}}@media(max-width:768px){.app-header{padding:.5rem 1rem}.app-header__logo{font-size:1.25rem}.app-header__logo-icon{font-size:1.5rem}.header-btn__label,.header-btn__kbd{display:none}.header-btn{padding:.5rem;min-width:40px;justify-content:center}}@media(prefers-reduced-motion:reduce){.header-btn{transition:none}}@media(prefers-contrast:high){.app-header{border-bottom:2px solid #fff;background:#000}.header-btn{border:2px solid #fff}}.shortcuts-modal-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.shortcuts-modal{background:#1e1e1efa;border:1px solid rgba(255,255,255,.15);border-radius:16px;padding:0;max-width:600px;width:90%;max-height:85vh;overflow:hidden;box-shadow:0 20px 60px #00000080,0 0 0 1px #ffffff0d inset;animation:slideUp .3s ease;margin:auto}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.shortcuts-modal__header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid rgba(255,255,255,.1)}.shortcuts-modal__header h2{margin:0;font-size:1.5rem;font-weight:700;color:#f8fafc;font-family:var(--font-body)}.shortcuts-modal__close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#ffffffb3;cursor:pointer;transition:all .2s ease;font-size:1.25rem}.shortcuts-modal__close:hover{background:#ffffff1a;color:#f8fafc}.shortcuts-modal__content{padding:1.5rem;max-height:calc(80vh - 100px);overflow-y:auto;display:grid;gap:1.5rem}.shortcuts-section{display:grid;gap:.75rem}.shortcuts-section__title{margin:0;font-size:1rem;font-weight:600;color:#a5b4fc;font-family:var(--font-body);letter-spacing:-.01em}.shortcuts-section__items{display:grid;gap:.5rem}.shortcut-item{display:flex;align-items:center;gap:1rem;padding:.625rem .875rem;background:#ffffff08;border-radius:8px;border:1px solid rgba(255,255,255,.05)}.shortcut-key{display:inline-flex;align-items:center;justify-content:center;min-width:80px;padding:.375rem .75rem;background:linear-gradient(135deg,#6366f126,#8b5cf626);border:1px solid rgba(99,102,241,.3);border-radius:6px;font-size:.8125rem;font-family:SF Mono,Monaco,Consolas,monospace;font-weight:600;color:#c7d2fe;box-shadow:0 2px 8px #6366f133,0 0 0 1px #6366f11a inset}.shortcut-description{flex:1;font-size:.875rem;color:#fffc;font-family:var(--font-body)}.app-layout{display:grid;grid-template-rows:auto 1fr;height:100vh;width:100vw;background:linear-gradient(135deg,#0a0a0b,#1a1a1d);color:#f8fafc;overflow:hidden}.app-main{display:grid;gap:1rem;padding:1rem;overflow:hidden;transition:grid-template-columns .3s cubic-bezier(.4,0,.2,1)}@media(min-width:1280px){.app-main{grid-template-columns:280px 1fr 440px}.app-main.left-collapsed{grid-template-columns:48px 1fr 440px}.app-main.right-collapsed{grid-template-columns:280px 1fr 48px}.app-main.left-collapsed.right-collapsed{grid-template-columns:48px 1fr 48px}}@media(max-width:1279px){.app-main{grid-template-columns:1fr;grid-template-rows:1fr;padding:.5rem;position:relative}.app-main .sidebar{position:fixed;top:0;bottom:0;width:90vw;max-width:400px;z-index:200!important;transform:translate(-100%);transition:transform .3s ease;margin:0;box-shadow:0 8px 32px #0009,0 0 0 1px #ffffff14 inset}.app-main .sidebar.sidebar--left{left:0}.app-main .sidebar.sidebar--right{right:0;transform:translate(100%)}.app-main .sidebar.sidebar--open{transform:translate(0)}.app-main:before{content:"";position:fixed;inset:0;background:#000000bf;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:199!important;opacity:0;pointer-events:none;transition:opacity .3s ease}.app-main.has-open-sidebar:before{opacity:1;pointer-events:auto}.app-center{position:relative;z-index:1}}.app-center{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;overflow:hidden}.app-main>*{transition:opacity .3s ease,transform .3s ease}.app-layout:focus-within{outline:none}@media(prefers-contrast:high){.app-layout{background:#000}}@media(prefers-reduced-motion:reduce){.app-main,.app-main>*{transition:none}}.flux-studio{position:relative;display:grid;gap:clamp(1rem,2.5vw,1.8rem);padding:clamp(1.6rem,4.5vw,3.2rem) clamp(.9rem,4vw,2.8rem) clamp(1.8rem,4.5vw,3.2rem);min-height:100vh;color:var(--color-text-dark)}.flux-studio__header{display:flex;flex-direction:column;align-items:flex-start;gap:clamp(.85rem,2.5vw,1.75rem)}.flux-studio__header-copy{display:grid;gap:var(--space-sm);max-width:52ch}.flux-studio__title{margin:0;font-family:var(--font-heading);font-size:clamp(1.8rem,4.5vw,2.4rem);letter-spacing:.1em;text-transform:uppercase}.flux-studio__subtitle{margin:0;font-size:.95rem;line-height:1.6;color:#1f293799}.flux-studio__status{display:grid;gap:.25rem;padding:.9rem 1.6rem;border-radius:var(--radius-pill);border:1px solid rgba(255,255,255,.55);background:#ffffffad;box-shadow:0 24px 40px #4f46e52e}.flux-studio__status-label{font-size:.75rem;letter-spacing:.16em;text-transform:uppercase;color:#1f29378c}.flux-studio__status-value{font-family:var(--font-heading);font-size:1.2rem;letter-spacing:.08em}.flux-studio__hero{display:grid;gap:var(--space-sm)}.flux-studio__layout{display:grid;gap:clamp(.35rem,1.2vw,.75rem);grid-template-columns:minmax(0,2.35fr) minmax(0,.9fr);align-items:stretch}.flux-studio__layout--sidebar-hidden{grid-template-columns:1fr}.flux-studio__sidebar{width:min(100%,280px);justify-self:stretch}.flux-studio__toggle-playlist{appearance:none;border:none;background:transparent;color:#0f172ab3;font-size:.78rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;display:inline-flex;align-items:center;gap:.35rem;padding:.1rem 0;cursor:pointer;transition:color .2s ease}.flux-studio__toggle-playlist:hover,.flux-studio__toggle-playlist:focus-visible{color:#2563ebe6}.flux-studio__toggle-icon{font-size:.9rem;line-height:1}.flux-studio__extra-actions{display:flex;align-items:center;gap:.75rem}.flux-studio__visual-toggle{display:inline-flex;align-items:center;gap:.6rem;padding:.35rem .6rem;border-radius:var(--radius-pill);background:#ffffff8c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(148,163,184,.35);font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;color:#0f172a99}.flux-studio__visual-toggle label{display:inline-flex;align-items:center;gap:.25rem;cursor:pointer}.flux-studio__visual-toggle input{accent-color:#6366f1;width:.85rem;height:.85rem}.flux-studio__card-heading{display:grid;gap:var(--space-xs)}.flux-studio__action-btn--ghost{background:transparent;box-shadow:0 18px 32px #4f46e529}.flux-studio__card{display:grid;gap:var(--space-sm);padding:clamp(1.1rem,2.8vw,1.6rem);border-radius:var(--radius-lg);background:#ffffffbf;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);box-shadow:0 28px 60px #4f46e529;border:1px solid rgba(255,255,255,.55)}.flux-studio__card--main{display:grid;grid-template-rows:auto 1fr}.flux-studio__panel{display:grid;grid-template-rows:minmax(0,1fr) auto;gap:var(--space-sm);padding:clamp(.95rem,2.4vw,1.4rem);border-radius:var(--radius-lg);background:#ffffffad;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 24px 54px #4f46e51f;border:1px solid rgba(255,255,255,.45)}.flux-studio__panel-section{display:grid;gap:var(--space-sm);min-height:0}.flux-studio__panel-section--upload{border-top:1px solid rgba(255,255,255,.4);padding-top:var(--space-sm)}.flux-studio__panel .playlist{max-height:280px;overflow-y:auto}.flux-studio__panel .playlist__grid,.flux-studio__panel .playlist__card{gap:var(--space-xs)}.flux-studio__panel .playlist__card-body{gap:var(--space-2xs)}.flux-studio__panel .playlist__card{padding:var(--space-xs) var(--space-sm)}.flux-studio__bloom-meter{position:relative;height:.55rem;border-radius:var(--radius-pill);overflow:hidden;background:#94a3b83d;transition:box-shadow var(--duration-sm) var(--easing-soft)}.flux-studio__bloom-meter.is-playing{box-shadow:0 0 22px #ec489940}.flux-studio__bloom-meter-track{position:absolute;inset:0;background:#94a3b833}.flux-studio__bloom-meter-progress{position:absolute;inset:0;background:linear-gradient(135deg,#f472b6e6,#818cf8d9);transform-origin:left center;transform:scaleX(var(--bloom-progress, 0));transition:transform var(--duration-sm) var(--easing-soft)}.flux-studio__placeholder{padding:clamp(.95rem,2.5vw,1.4rem);border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.58);background:#ffffffb8;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);color:#1f2937a6;text-align:center;font-size:1rem}.flux-studio__uploader-status{margin:0;font-size:.8rem;color:#1f29378c}.flux-studio__uploader-status--loading{color:#4f46e5cc}.flux-studio__uploader-status--error{color:#991b1b}.flux-studio__uploader-status--success{color:#166534}@media(max-width:1080px){.flux-studio__layout{grid-template-columns:1fr}}@media(max-width:720px){.flux-studio{padding:clamp(1.7rem,9vw,3.2rem) clamp(1rem,7vw,2.6rem) clamp(2rem,9vw,3.4rem)}.flux-studio__hero-actions{flex-direction:column;align-items:stretch}.flux-studio__action-btn{width:100%;text-align:center}.flux-studio__card-header{flex-direction:column;align-items:flex-start}}.flux-studio__extra-actions{display:flex;gap:8px;align-items:center}.flux-studio__toggle-peq{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;padding:6px 12px;color:var(--text-primary);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:6px;font-size:.9rem}.flux-studio__toggle-peq:hover{background:var(--bg-tertiary);border-color:var(--accent-color)}.flux-studio__toggle-peq:focus{outline:2px solid var(--accent-color);outline-offset:2px}@media(max-width:1024px){.flux-studio__toggle-peq,.flux-studio__toggle-playlist{padding:8px 12px}.flux-studio__toggle-label{font-size:.85rem}.flux-studio__toggle-icon{font-size:1rem}}@media(max-width:768px){.flux-studio__extra-actions{gap:6px}.flux-studio__toggle-peq,.flux-studio__toggle-playlist{padding:6px 10px;font-size:.8rem}.flux-studio__toggle-label{display:none}.flux-studio__toggle-icon{font-size:1.1rem}}@media(prefers-contrast:high){.flux-studio__toggle-peq{border-width:2px}}:root{color-scheme:light;accent-color:#0a84ff;--font-heading: "Space Grotesk", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-body: "Space Grotesk", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "IBM Plex Mono", "Space Grotesk", SFMono-Regular, Consolas, "Liberation Mono", Menlo, monospace;--font-ui: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--color-neutral-0: #ffffff;--color-neutral-50: #f8f9fb;--color-neutral-100: #f0f2f5;--color-neutral-200: #e5e8ec;--color-neutral-300: #d7dce2;--color-neutral-400: #c2c9d2;--color-neutral-500: #8e98a8;--color-blue-100: #e6f0ff;--color-blue-200: #cfe2ff;--color-blue-400: #5aa0ff;--color-blue-500: #0a84ff;--color-mint-200: #d8f7ec;--color-lavender-200: #ecebff;--color-rose-200: #ffe3f0;--color-primary: var(--color-blue-500);--color-secondary: #ff9f0a;--color-accent-1: var(--color-mint-200);--color-accent-2: #ffeccc;--color-accent-3: var(--color-lavender-200);--color-surface: rgba(255, 255, 255, .94);--color-surface-muted: rgba(255, 255, 255, .82);--color-surface-subtle: rgba(255, 255, 255, .7);--color-surface-raised: rgba(255, 255, 255, .98);--color-border: rgba(142, 152, 168, .18);--color-border-strong: rgba(142, 152, 168, .28);--color-text-dark: #1a1d24;--color-text-light: #ffffff;--color-text-muted: rgba(26, 29, 36, .55);--color-text-soft: rgba(26, 29, 36, .4);--color-deep-iris: #4338ca;--color-night-petal: #0f172a;--color-ink-soft: rgba(26, 29, 36, .68);--gradient-iris: linear-gradient(135deg, rgba(90, 160, 255, .85), rgba(235, 160, 255, .65));--gradient-petal: linear-gradient(140deg, rgba(251, 207, 232, .65), rgba(209, 233, 255, .6));--gradient-night: linear-gradient(160deg, rgba(15, 23, 42, .92), rgba(76, 29, 149, .82));--gradient-bloom: linear-gradient(145deg, rgba(251, 240, 255, .9), rgba(232, 244, 255, .86));--gradient-skyline: radial-gradient(120% 90% at 15% 15%, rgba(216, 233, 255, .55), transparent 70%), radial-gradient(130% 110% at 85% 10%, rgba(255, 226, 241, .5), transparent 75%);--shadow-soft: 0 18px 32px rgba(26, 29, 36, .08);--shadow-soft-hover: 0 20px 36px rgba(10, 132, 255, .16);--shadow-ambient: 0 48px 80px rgba(26, 29, 36, .12);--shadow-card: 0 24px 60px rgba(26, 29, 36, .14);--shadow-kinetic: 0 28px 64px rgba(26, 29, 36, .18);--shadow-glow: 0 0 40px rgba(10, 132, 255, .25);--radius-pill: 999px;--radius-lg: 1.5rem;--radius-md: 1rem;--radius-sm: .75rem;--radius-xs: .5rem;--space-3xs: .2rem;--space-2xs: .35rem;--space-xs: .5rem;--space-sm: .75rem;--space-md: 1.25rem;--space-lg: 2rem;--space-xl: 3rem;--space-2xl: clamp(3.5rem, 8vw, 5.5rem);--space-fluid: clamp(1.5rem, 4vw, 3rem);--duration-xxs: .1s;--duration-xs: .16s;--duration-sm: .22s;--duration-md: .36s;--duration-lg: .56s;--duration-xl: .9s;--duration-ambient: 12s;--easing-soft: cubic-bezier(.25, .1, .25, 1);--easing-soft-snap: cubic-bezier(.33, 1, .68, 1);--easing-glide: cubic-bezier(.45, 0, .1, 1);--easing-bounce: cubic-bezier(.34, 1.56, .64, 1);--noise-texture-strong: none;--grain-texture: none;--z-base: 0;--z-overlay: 10;--z-petal-layer: 20;--z-toast: 30;--z-modal: 40}[data-theme=flux-night]{color-scheme:dark;accent-color:#8b5cf6;--color-surface: rgba(14, 18, 32, .9);--color-surface-muted: rgba(18, 24, 38, .82);--color-surface-raised: rgba(24, 30, 48, .92);--color-surface-subtle: rgba(14, 18, 32, .72);--color-border: rgba(62, 73, 107, .45);--color-border-strong: rgba(92, 104, 148, .6);--color-text-dark: rgba(226, 235, 255, .92);--color-text-light: rgba(248, 251, 255, .98);--color-text-muted: rgba(158, 175, 210, .78);--color-text-soft: rgba(135, 149, 189, .6);--color-primary: #3d7cff;--color-secondary: #ec4899;--gradient-iris: linear-gradient(135deg, rgba(61, 124, 255, .9), rgba(124, 58, 237, .78));--gradient-petal: linear-gradient(160deg, rgba(28, 40, 68, .95), rgba(61, 124, 255, .55));--gradient-night: radial-gradient(120% 120% at 20% 15%, rgba(73, 33, 171, .5), transparent 70%), radial-gradient(130% 120% at 85% 10%, rgba(15, 73, 181, .45), transparent 75%), linear-gradient(165deg, rgba(11, 13, 26, .95), rgba(7, 11, 21, .98));--shadow-soft: 0 22px 44px rgba(5, 8, 22, .7);--shadow-soft-hover: 0 28px 55px rgba(49, 46, 129, .55);--shadow-card: 0 32px 68px rgba(5, 8, 22, .75);--shadow-ambient: 0 80px 140px rgba(5, 8, 22, .85);--shadow-glow: 0 0 48px rgba(61, 124, 255, .45)}@media(prefers-reduced-motion:reduce){:root{--duration-xxs: 1ms;--duration-xs: 1ms;--duration-sm: 1ms;--duration-md: 1ms;--duration-lg: 1ms;--duration-xl: 1ms;--duration-ambient: 1ms;--easing-soft: linear;--easing-soft-snap: linear;--easing-glide: linear;--easing-bounce: linear}}[data-theme=light]{--bg-primary: #faf9f8;--bg-secondary: #f5f3f1;--bg-tertiary: #ebe8e5;--bg-elevated: #ffffff;--bg-overlay: rgba(0, 0, 0, .05);--accent-primary: #b4a7d6;--accent-primary-hover: #9f8fd1;--accent-primary-active: #8a7ac7;--accent-secondary: #f4c2c2;--accent-secondary-hover: #f0a8a8;--accent-success: #b8e6d5;--accent-warning: #ffd8a8;--accent-error: #f5b8b8;--gradient-primary: linear-gradient(135deg, #b4a7d6 0%, #d4c5f9 100%);--gradient-secondary: linear-gradient(135deg, #f4c2c2 0%, #ffd8e4 100%);--gradient-success: linear-gradient(135deg, #b8e6d5 0%, #d4f4e7 100%);--gradient-bg: linear-gradient(180deg, #faf9f8 0%, #f5f3f1 100%);--gradient-header: linear-gradient(180deg, #ffffff 0%, #faf9f8 100%);--text-primary: #2d2d2d;--text-secondary: #6b6b6b;--text-tertiary: #9b9b9b;--text-muted: #c4c4c4;--text-inverse: #ffffff;--border-light: rgba(0, 0, 0, .08);--border-medium: rgba(0, 0, 0, .12);--border-strong: rgba(0, 0, 0, .16);--border-accent: rgba(180, 167, 214, .3);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .06);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .1);--shadow-xl: 0 16px 48px rgba(0, 0, 0, .12);--shadow-glow: 0 0 20px rgba(180, 167, 214, .3);--sidebar-bg: linear-gradient(135deg, #ffffff 0%, #faf9f8 100%);--sidebar-border: var(--border-medium);--header-bg: var(--gradient-header);--header-border: var(--border-light);--card-bg: var(--bg-elevated);--card-border: var(--border-light);--card-shadow: var(--shadow-md);--button-bg: rgba(180, 167, 214, .1);--button-bg-hover: rgba(180, 167, 214, .2);--button-border: var(--border-medium);--button-text: var(--text-primary);--input-bg: var(--bg-secondary);--input-border: var(--border-medium);--input-focus-border: var(--accent-primary);--eq-chart-bg: linear-gradient(180deg, rgba(180, 167, 214, .05) 0%, rgba(180, 167, 214, .08) 100%);--eq-chart-border: var(--border-medium);--eq-line-color: #b4a7d6;--eq-grid-color: rgba(0, 0, 0, .06);--waveform-bg: rgba(180, 167, 214, .08);--waveform-color: #b4a7d6;--waveform-progress: #9f8fd1}[data-theme=light] .app-layout{background:var(--gradient-bg)}[data-theme=light] .sidebar{background:var(--sidebar-bg);border:1px solid var(--sidebar-border);box-shadow:var(--shadow-lg),0 0 0 1px #b4a7d61a inset}[data-theme=light] .sidebar__title{color:var(--text-primary);font-family:var(--font-body)}[data-theme=light] .sidebar__toggle{color:var(--text-secondary)}[data-theme=light] .sidebar__toggle:hover{color:var(--text-primary)}[data-theme=light] .sidebar__content::-webkit-scrollbar-thumb{background:#b4a7d64d}[data-theme=light] .sidebar__content::-webkit-scrollbar-thumb:hover{background:#b4a7d680}[data-theme=light] .app-header{background:var(--header-bg);border-bottom:1px solid var(--header-border);box-shadow:0 2px 12px #0000000f,0 1px #b4a7d61a inset}[data-theme=light] .app-header__logo-icon{filter:drop-shadow(0 0 12px rgba(244,194,194,.4)) drop-shadow(0 0 24px rgba(180,167,214,.3))}[data-theme=light] .app-header__logo-text{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}[data-theme=light] .app-header__tagline{color:var(--text-tertiary)}[data-theme=light] .header-btn{background:#b4a7d614;border:1px solid var(--border-medium);color:var(--text-primary)}[data-theme=light] .header-btn:before{background:var(--gradient-primary);opacity:0}[data-theme=light] .header-btn:hover{background:#b4a7d626;border-color:var(--accent-primary);color:var(--text-primary);box-shadow:0 4px 12px #b4a7d633}[data-theme=light] .header-btn--active{background:#b4a7d626;border-color:var(--accent-primary);color:var(--text-primary);box-shadow:0 0 0 2px #b4a7d633 inset;font-weight:700}[data-theme=light] .header-btn__kbd{background:linear-gradient(135deg,#0000000f,#0000000a);border:1px solid var(--border-medium);color:var(--text-secondary);box-shadow:0 1px 2px #00000014,0 0 0 1px #ffffff80 inset}[data-theme=light] .header-btn:hover .header-btn__kbd{background:linear-gradient(135deg,#b4a7d633,#b4a7d626);border-color:var(--accent-primary);color:var(--accent-primary)}[data-theme=light] .peq-panel__global-controls{background:#b4a7d60f;border:1px solid var(--border-light)}[data-theme=light] .peq-bypass-btn{background:#b4a7d614;border:1px solid var(--border-medium);color:var(--text-primary)}[data-theme=light] .peq-bypass-btn:hover{background:#b4a7d626;border-color:var(--accent-primary);box-shadow:0 4px 12px #b4a7d633}[data-theme=light] .peq-bypass-btn.bypassed{background:linear-gradient(135deg,#f5b8b84d,#ef444433);border-color:var(--accent-error);color:#c44444;box-shadow:0 0 16px #f5b8b84d}[data-theme=light] .reset-btn{background:#b4a7d614;border:1px solid var(--border-medium);color:var(--text-primary)}[data-theme=light] .reset-btn:hover{background:#b4a7d626;border-color:var(--accent-primary);box-shadow:0 4px 12px #b4a7d633}[data-theme=light] .peq-response-chart{background:var(--eq-chart-bg);border:1px solid var(--eq-chart-border);box-shadow:var(--shadow-md),0 0 0 1px #b4a7d60d inset}[data-theme=light] .peq-response-chart__header h4{color:var(--text-primary);background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}[data-theme=light] .peq-response-chart__container{background:linear-gradient(180deg,#b4a7d614,#b4a7d61f);border:1px solid var(--border-medium);box-shadow:0 2px 6px #0000000a inset}[data-theme=light] .legend-item{color:var(--text-secondary)}[data-theme=light] .playlist{background:transparent;color:var(--text-primary)}[data-theme=light] .playlist__item{background:#b4a7d60a;border:1px solid transparent;color:var(--text-primary)}[data-theme=light] .playlist__item:hover{background:#b4a7d61f;border-color:var(--border-light)}[data-theme=light] .playlist__item.is-active{background:#b4a7d61f;border-color:var(--accent-primary);color:var(--text-primary);box-shadow:0 0 0 2px #b4a7d633 inset,0 2px 8px #b4a7d626;font-weight:600}[data-theme=light] button{color:var(--text-primary)}[data-theme=light] input,[data-theme=light] select,[data-theme=light] textarea{background:var(--input-bg);border:1px solid var(--input-border);color:var(--text-primary)}[data-theme=light] input:focus,[data-theme=light] select:focus,[data-theme=light] textarea:focus{border-color:var(--input-focus-border);box-shadow:0 0 0 3px #b4a7d626}[data-theme=light] ::-webkit-scrollbar-track{background:var(--bg-secondary)}[data-theme=light] ::-webkit-scrollbar-thumb{background:#b4a7d64d;border-radius:4px}[data-theme=light] ::-webkit-scrollbar-thumb:hover{background:#b4a7d680}@keyframes gentle-pulse-light{0%,to{filter:drop-shadow(0 0 12px rgba(244,194,194,.4)) drop-shadow(0 0 24px rgba(180,167,214,.3))}50%{filter:drop-shadow(0 0 16px rgba(244,194,194,.5)) drop-shadow(0 0 32px rgba(180,167,214,.4))}}[data-theme=light] .app-header__logo-icon{animation:gentle-pulse-light 4s ease-in-out infinite}[data-theme=light] .playlist{color:#111827}[data-theme=light] .playlist__card{background:#fff;box-shadow:0 20px 60px #0f172a14,0 1px #0f172a0d;border:1px solid rgba(226,232,240,.7)}[data-theme=light] .playlist__eyebrow{color:#475569ad}[data-theme=light] .playlist__title{color:#0f172a}[data-theme=light] .playlist__subtitle{color:#475569bf}[data-theme=light] .playlist__browse{background:linear-gradient(135deg,#4a9eff,#7c3aed);color:#fff;border:none;box-shadow:0 2px 4px #4a9eff4d}[data-theme=light] .playlist__browse:hover{box-shadow:0 4px 12px #4a9eff66}[data-theme=light] .playlist__reset{background:#e2e8f0d9;color:#1f2937;border:none}[data-theme=light] .playlist__reset:hover{background:#cbd5e1f2;box-shadow:0 12px 26px #0f172a1f}[data-theme=light] .playlist__body{background:#f8fafc99;border:1px solid rgba(148,163,184,.24)}[data-theme=light] .playlist__body.is-dragging{border-color:#2563eb8c;background:#dbeafee6;box-shadow:0 0 0 3px #3b82f633}[data-theme=light] .playlist__scroll::-webkit-scrollbar-thumb{background:#94a3b873}[data-theme=light] .playlist__item{background:#ffffffeb;border:1px solid rgba(226,232,240,.7);box-shadow:0 14px 40px #0f172a1f}[data-theme=light] .playlist__item:hover{box-shadow:0 22px 60px #2563eb2e;border-color:#94a3b88c}[data-theme=light] .playlist__item.is-active{border-color:#2563eb;box-shadow:0 24px 62px #2563eb47;background:linear-gradient(135deg,#dbeafec7,#ddd6fee6)}[data-theme=light] .playlist__item-index{color:#475569ad}[data-theme=light] .playlist__item-title{color:#0f172a}[data-theme=light] .playlist__item-artist{color:#475569a8}[data-theme=light] .playlist__item-length{color:#4755698c}[data-theme=light] .playlist__empty{color:#475569b3}[data-theme=light] .playlist__empty p{color:#0f172a}[data-theme=light] .header-btn{background:#fffc;border:1px solid rgba(180,167,214,.2);color:var(--text-secondary);box-shadow:0 2px 8px #00000014}[data-theme=light] .header-btn:before{background:linear-gradient(135deg,#b4a7d626,#b4a7d61a)}[data-theme=light] .header-btn:hover{background:#fffffff2;border-color:var(--accent-primary);color:var(--text-primary);box-shadow:0 4px 16px #b4a7d640}[data-theme=light] .header-btn--active{background:#fff;border-color:var(--accent-primary);color:var(--text-primary);box-shadow:0 4px 20px #b4a7d659,0 0 0 1px #b4a7d633 inset}[data-theme=light] .header-btn__kbd{background:#fffc;border-color:#b4a7d64d;color:var(--text-secondary);box-shadow:0 1px 3px #0000001a,0 0 0 1px #b4a7d61a inset}[data-theme=light] .header-btn:hover .header-btn__kbd{background:#fffffff2;border-color:var(--accent-primary);color:var(--text-primary);box-shadow:0 2px 6px #b4a7d633,0 0 0 1px #b4a7d633 inset}[data-theme=light] .app-header__quick-actions{background:linear-gradient(135deg,#b4a7d61f,#b4a7d614);border-color:#b4a7d633;box-shadow:0 2px 12px #b4a7d626,0 0 0 1px #ffffff80 inset}[data-theme=light] .shortcuts-modal{background:#fffffffa;border-color:#b4a7d64d;box-shadow:0 20px 60px #00000026,0 0 0 1px #b4a7d633 inset}[data-theme=light] .shortcuts-modal__header{border-bottom-color:#b4a7d633}[data-theme=light] .shortcuts-modal__header h2{color:var(--text-primary)}[data-theme=light] .shortcuts-modal__close{background:#cbd5e14d;border-color:#94a3b84d;color:var(--text-secondary)}[data-theme=light] .shortcuts-modal__close:hover{background:#cbd5e180;color:var(--text-primary)}[data-theme=light] .shortcuts-section__title{color:var(--accent-primary)}[data-theme=light] .shortcut-item{background:#f8fafccc;border-color:#b4a7d626}[data-theme=light] .shortcut-key{background:linear-gradient(135deg,#b4a7d633,#b4a7d626);border-color:var(--accent-primary);color:var(--accent-primary);box-shadow:0 2px 8px #b4a7d626,0 0 0 1px #b4a7d61a inset}[data-theme=light] .shortcut-description{color:var(--text-secondary)}[data-theme=light] .peq-panel h3,[data-theme=light] .peq-panel h4,[data-theme=light] .peq-panel h5{color:var(--text-primary)}[data-theme=light] .peq-panel__preset-name{color:var(--text-primary);background:#b4a7d614;border-color:var(--border-medium);font-family:var(--font-body)}[data-theme=light] .peq-panel__preset-nav{color:var(--text-secondary);background:#b4a7d614;border-color:var(--border-medium)}[data-theme=light] .peq-panel__preset-nav:hover{background:#b4a7d626;border-color:var(--accent-primary);color:var(--accent-primary)}[data-theme=light] .peq-control-group label{color:var(--text-primary)}[data-theme=light] .peq-control-group__value{color:var(--text-secondary)}[data-theme=light] .preset-import-export h4,[data-theme=light] .preset-import-export h5{color:var(--text-primary)}[data-theme=light] .preset-import-export__drop-zone{color:var(--text-primary);border-color:var(--border-medium)}[data-theme=light] .preset-import-export__drop-hint,[data-theme=light] .preset-import-export__format-info small,[data-theme=light] .preset-import-export__export-info{color:var(--text-secondary)}[data-theme=light] .preset-import-export__help-content,[data-theme=light] .preset-import-export__help-content li{color:var(--text-primary)}[data-theme=light] .band-control__frequency,[data-theme=light] .gain-display,[data-theme=light] .q-display,[data-theme=light] .band-control__q label{color:var(--text-primary);font-family:var(--font-body)}[data-theme=light] .type-selector{color:var(--text-primary);background:#b4a7d614;border-color:var(--border-medium);font-family:var(--font-body)}[data-theme=light] .type-selector option{color:var(--text-primary);background:var(--bg-primary)}[data-theme=light] .preset-library__header h4,[data-theme=light] .preset-library__section h5,[data-theme=light] .preset-library__item-header h6,[data-theme=light] .preset-library__modal h5{color:var(--text-primary)}[data-theme=light] .preset-library__search,[data-theme=light] .preset-library__name-input{color:var(--text-primary);background:#fffc;border-color:#b4a7d640}[data-theme=light] .preset-library__search::placeholder{color:var(--text-secondary)}[data-theme=light] .preset-library__tab{color:var(--text-secondary)}[data-theme=light] .preset-library__tab:hover{color:var(--text-primary)}[data-theme=light] .preset-library__item-description,[data-theme=light] .preset-library__item-source,[data-theme=light] .preset-library__usage,[data-theme=light] .preset-library__empty{color:var(--text-secondary)}[data-theme=light] .preset-library__item{background:#fff9;border-color:#b4a7d64d}[data-theme=light] .preset-library__item:hover{background:#fffc;border-color:transparent}[data-theme=light] .preset-library__item.active{border-color:var(--accent-primary);background:#b4a7d61a}[data-theme=light] .preset-library__item--bundled{border-color:#a855f766}[data-theme=light] .preset-library__item--bundled:hover{border-color:transparent}[data-theme=light] .preset-library__item--bundled.active{border-color:#a855f7;background:#a855f71a}[data-theme=light] .preset-library__storage-info p{color:var(--text-secondary)}[data-theme=light] .preset-library__storage-info{background:#fff9;border-color:#b4a7d633}[data-theme=light] .preset-library__modal{background:#fffffffa;border-color:#b4a7d64d;box-shadow:0 20px 60px #00000026,0 0 0 1px #b4a7d633 inset}[data-theme=light] .preset-library__name-input{background:#f8fafccc;border-color:#b4a7d64d;color:var(--text-primary)}[data-theme=light] .preset-library__modal-btn--cancel{background:#cbd5e180;border-color:#94a3b866;color:var(--text-primary)}[data-theme=light] .preset-library__modal-btn--cancel:hover{background:#cbd5e1cc}[data-theme=light] .preset-library__modal-btn--save{background:#4ade8026;border-color:#22c55e66;color:#16a34a}[data-theme=light] .preset-library__modal-btn--save:hover{background:#4ade8040}[data-theme=light] .preset-import-export__header h4,[data-theme=light] .preset-import-export__header h5,[data-theme=light] .preset-import-export__import-btn,[data-theme=light] .preset-import-export__export-btn,[data-theme=light] .preset-import-export__format-select{color:var(--text-primary)}[data-theme=light] .preset-import-export__current-info{color:var(--text-secondary)}[data-theme=light] .preset-import-export__current-info strong{color:var(--text-primary)}[data-theme=light] .preset-import-export__help summary,[data-theme=light] .preset-import-export__help-content{color:var(--text-secondary)}:root{--color-background: #0a0a0b;--color-surface-primary: #1a1a1d;--color-surface-secondary: #242428;--color-surface-tertiary: #2d2d32;--color-surface-elevated: #363640;--color-accent-primary: #6366f1;--color-accent-secondary: #8b5cf6;--color-accent-tertiary: #06b6d4;--color-accent-success: #10b981;--color-accent-warning: #f59e0b;--color-accent-error: #ef4444;--color-text-primary: #f8fafc;--color-text-secondary: #cbd5e1;--color-text-tertiary: #94a3b8;--color-text-muted: #64748b;--color-border-primary: #334155;--color-border-secondary: #475569;--color-border-focus: var(--color-accent-primary);--gradient-primary: linear-gradient(135deg, var(--color-accent-primary), var(--color-accent-secondary));--gradient-surface: linear-gradient(145deg, var(--color-surface-secondary), var(--color-surface-tertiary));--gradient-glass: linear-gradient(145deg, rgba(255, 255, 255, .1), rgba(255, 255, 255, .05));--font-family-primary: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-family-mono: "JetBrains Mono", "Fira Code", monospace;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .25);--shadow-glow: 0 0 20px rgba(99, 102, 241, .3);--shadow-glow-accent: 0 0 30px rgba(139, 92, 246, .4);--duration-fast: .15s;--duration-normal: .25s;--duration-slow: .35s;--duration-slower: .5s;--easing-ease: cubic-bezier(.4, 0, .2, 1);--easing-ease-in: cubic-bezier(.4, 0, 1, 1);--easing-ease-out: cubic-bezier(0, 0, .2, 1);--easing-bounce: cubic-bezier(.68, -.55, .265, 1.55);--z-base: 0;--z-dropdown: 10;--z-sticky: 20;--z-overlay: 30;--z-modal: 40;--z-toast: 50;--breakpoint-sm: 640px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px;--breakpoint-2xl: 1536px}[data-theme=light]{--color-background: #ffffff;--color-surface-primary: #f8fafc;--color-surface-secondary: #f1f5f9;--color-surface-tertiary: #e2e8f0;--color-surface-elevated: #ffffff;--color-text-primary: #0f172a;--color-text-secondary: #334155;--color-text-tertiary: #475569;--color-text-muted: #64748b;--color-border-primary: #e2e8f0;--color-border-secondary: #cbd5e1;--gradient-surface: linear-gradient(145deg, var(--color-surface-primary), var(--color-surface-secondary));--gradient-glass: linear-gradient(145deg, rgba(255, 255, 255, .8), rgba(255, 255, 255, .6));--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .25)}.surface{background:var(--color-surface-primary);border:1px solid var(--color-border-primary);border-radius:var(--radius-lg)}.surface-elevated{background:var(--color-surface-elevated);box-shadow:var(--shadow-lg)}.surface-glass{background:var(--gradient-glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1)}.text-primary{color:var(--color-text-primary)}.text-secondary{color:var(--color-text-secondary)}.text-tertiary{color:var(--color-text-tertiary)}.text-muted{color:var(--color-text-muted)}.gradient-text{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.interactive{transition:all var(--duration-normal) var(--easing-ease);cursor:pointer}.interactive:hover{transform:translateY(-1px);box-shadow:var(--shadow-xl)}.interactive:active{transform:translateY(0)}.interactive:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);font-family:var(--font-family-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);line-height:1;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--duration-normal) var(--easing-ease);text-decoration:none;white-space:nowrap}.btn-primary{background:var(--gradient-primary);color:#fff;box-shadow:var(--shadow-md)}.btn-primary:hover{box-shadow:var(--shadow-glow);transform:translateY(-1px)}.btn-secondary{background:var(--color-surface-secondary);color:var(--color-text-primary);border:1px solid var(--color-border-primary)}.btn-secondary:hover{background:var(--color-surface-tertiary);border-color:var(--color-border-secondary)}.btn-ghost{background:transparent;color:var(--color-text-secondary)}.btn-ghost:hover{background:var(--color-surface-secondary);color:var(--color-text-primary)}.btn-sm{padding:var(--space-2) var(--space-4);font-size:var(--font-size-xs)}.btn-lg{padding:var(--space-4) var(--space-8);font-size:var(--font-size-lg)}.btn-icon{padding:var(--space-3);aspect-ratio:1}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 var(--space-4)}.grid{display:grid;gap:var(--space-4)}.flex{display:flex;gap:var(--space-4)}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}@media(max-width:768px){.container{padding:0 var(--space-3)}.mobile-hidden{display:none}.mobile-full{width:100%}}@media(min-width:769px){.desktop-hidden{display:none}}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media(prefers-contrast:high){:root{--color-border-primary: #ffffff;--color-border-secondary: #ffffff}[data-theme=light]{--color-border-primary: #000000;--color-border-secondary: #000000}}.app-layout{min-height:100vh;background:var(--color-background);color:var(--color-text-primary);font-family:var(--font-family-primary);display:flex;flex-direction:column}.main-container{flex:1;display:grid;grid-template-areas:"player" "controls";grid-template-rows:1fr auto;gap:var(--space-6);padding:var(--space-6);max-width:1400px;margin:0 auto;width:100%}.player-section{grid-area:player;display:grid;gap:var(--space-6);grid-template-columns:1fr}.control-bar{grid-area:controls;display:flex;align-items:center;justify-content:center;gap:var(--space-4);padding:var(--space-4) var(--space-6);background:var(--surface-glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--color-border-primary);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl)}.audio-player-card{background:var(--gradient-surface);border:1px solid var(--color-border-primary);border-radius:var(--radius-2xl);padding:var(--space-8);box-shadow:var(--shadow-2xl);position:relative;overflow:hidden}.audio-player-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:var(--gradient-primary);opacity:.6}.track-info{display:grid;grid-template-columns:auto 1fr auto;gap:var(--space-6);align-items:center;margin-bottom:var(--space-8)}.track-artwork{width:120px;height:120px;border-radius:var(--radius-xl);overflow:hidden;position:relative;box-shadow:var(--shadow-lg)}.track-artwork img{width:100%;height:100%;object-fit:cover}.track-artwork-placeholder{width:100%;height:100%;background:var(--gradient-primary);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:#fff}.track-details{min-width:0}.track-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--space-2) 0;line-height:var(--line-height-tight)}.track-artist{font-size:var(--font-size-lg);color:var(--color-text-secondary);margin:0 0 var(--space-1) 0}.track-meta{font-size:var(--font-size-sm);color:var(--color-text-tertiary);margin:0}.track-actions{display:flex;gap:var(--space-3)}.waveform-section{margin:var(--space-6) 0;position:relative}.waveform-container{background:var(--color-surface-secondary);border-radius:var(--radius-lg);padding:var(--space-4);border:1px solid var(--color-border-primary)}.progress-section{display:flex;align-items:center;gap:var(--space-4);margin-top:var(--space-4)}.time-display{font-family:var(--font-family-mono);font-size:var(--font-size-sm);color:var(--color-text-tertiary);min-width:60px;text-align:center}.progress-bar{flex:1;height:6px;background:var(--color-surface-tertiary);border-radius:var(--radius-full);position:relative;cursor:pointer}.progress-fill{height:100%;background:var(--gradient-primary);border-radius:var(--radius-full);transition:width var(--duration-fast) var(--easing-ease)}.playback-controls{display:flex;align-items:center;justify-content:center;gap:var(--space-4);margin:var(--space-6) 0}.control-btn{width:48px;height:48px;border-radius:var(--radius-full);border:none;background:var(--color-surface-secondary);color:var(--color-text-primary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--duration-normal) var(--easing-ease);border:1px solid var(--color-border-primary)}.control-btn:hover{background:var(--color-surface-tertiary);transform:translateY(-1px);box-shadow:var(--shadow-md)}.control-btn-primary{width:64px;height:64px;background:var(--gradient-primary);color:#fff;box-shadow:var(--shadow-lg)}.control-btn-primary:hover{box-shadow:var(--shadow-glow);transform:translateY(-2px)}.volume-section{display:flex;align-items:center;gap:var(--space-3);margin-top:var(--space-6)}.volume-slider{flex:1;max-width:200px}.modal-overlay{position:fixed;inset:0;background:#000c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:var(--z-modal);display:flex;align-items:center;justify-content:center;padding:var(--space-4)}.modal-content{background:var(--color-surface-primary);border:1px solid var(--color-border-primary);border-radius:var(--radius-2xl);box-shadow:var(--shadow-2xl);max-width:90vw;max-height:90vh;overflow:hidden;position:relative}.modal-header{padding:var(--space-6) var(--space-6) var(--space-4);border-bottom:1px solid var(--color-border-primary);display:flex;align-items:center;justify-content:space-between}.modal-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.modal-close{width:32px;height:32px;border-radius:var(--radius-md);border:none;background:var(--color-surface-secondary);color:var(--color-text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--duration-normal) var(--easing-ease)}.modal-close:hover{background:var(--color-surface-tertiary);color:var(--color-text-primary)}.modal-body{padding:var(--space-6)}@media(min-width:1024px){.main-container{grid-template-areas:"player controls";grid-template-columns:1fr 400px;grid-template-rows:1fr}.control-bar{flex-direction:column;height:fit-content;position:sticky;top:var(--space-6)}}@media(max-width:768px){.main-container{padding:var(--space-4);gap:var(--space-4)}.audio-player-card{padding:var(--space-6)}.track-info{grid-template-columns:1fr;text-align:center;gap:var(--space-4)}.track-artwork{width:200px;height:200px;justify-self:center}.track-actions{justify-content:center}.control-bar{padding:var(--space-3) var(--space-4);gap:var(--space-3)}.modal-content{margin:var(--space-2);max-width:calc(100vw - var(--space-4));max-height:calc(100vh - var(--space-4))}.modal-header,.modal-body{padding:var(--space-4)}}@media(max-width:480px){.playback-controls{gap:var(--space-3)}.control-btn{width:44px;height:44px}.control-btn-primary{width:56px;height:56px}.track-title{font-size:var(--font-size-xl)}.track-artist{font-size:var(--font-size-base)}}.slider{position:relative;width:100%;height:6px;background:var(--color-surface-tertiary);border-radius:var(--radius-full);cursor:pointer;transition:all var(--duration-normal) var(--easing-ease)}.slider:hover{height:8px}.slider-track{position:absolute;top:0;left:0;height:100%;background:var(--gradient-primary);border-radius:var(--radius-full);transition:width var(--duration-fast) var(--easing-ease)}.slider-thumb{position:absolute;top:50%;width:16px;height:16px;background:#fff;border:2px solid var(--color-accent-primary);border-radius:var(--radius-full);transform:translate(-50%,-50%);cursor:grab;opacity:0;transition:all var(--duration-normal) var(--easing-ease);box-shadow:var(--shadow-md)}.slider:hover .slider-thumb,.slider:focus-within .slider-thumb{opacity:1}.slider-thumb:active{cursor:grabbing;transform:translate(-50%,-50%) scale(1.2)}.eq-slider{width:6px;height:200px;background:var(--color-surface-tertiary);border-radius:var(--radius-full);position:relative;cursor:pointer;margin:0 auto}.eq-slider-track{position:absolute;bottom:50%;left:0;width:100%;background:var(--gradient-primary);border-radius:var(--radius-full);transition:height var(--duration-fast) var(--easing-ease)}.eq-slider-center{position:absolute;top:50%;left:-2px;width:10px;height:2px;background:var(--color-text-tertiary);transform:translateY(-50%)}.eq-slider-thumb{position:absolute;left:50%;width:20px;height:20px;background:#fff;border:2px solid var(--color-accent-primary);border-radius:var(--radius-full);transform:translate(-50%,-50%);cursor:grab;box-shadow:var(--shadow-md);transition:all var(--duration-normal) var(--easing-ease)}.eq-slider-thumb:hover{transform:translate(-50%,-50%) scale(1.1);box-shadow:var(--shadow-glow)}.eq-slider-thumb:active{cursor:grabbing;transform:translate(-50%,-50%) scale(1.2)}.card{background:var(--color-surface-primary);border:1px solid var(--color-border-primary);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-lg);transition:all var(--duration-normal) var(--easing-ease)}.card-hover{cursor:pointer}.card-hover:hover{transform:translateY(-2px);box-shadow:var(--shadow-xl);border-color:var(--color-border-secondary)}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4);padding-bottom:var(--space-4);border-bottom:1px solid var(--color-border-primary)}.card-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.card-subtitle{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:var(--space-1) 0 0 0}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.05em}.badge-primary{background:var(--color-accent-primary);color:#fff}.badge-secondary{background:var(--color-surface-tertiary);color:var(--color-text-secondary)}.badge-success{background:var(--color-accent-success);color:#fff}.badge-warning{background:var(--color-accent-warning);color:#fff}.badge-error{background:var(--color-accent-error);color:#fff}.input{width:100%;padding:var(--space-3) var(--space-4);font-family:var(--font-family-primary);font-size:var(--font-size-sm);background:var(--color-surface-secondary);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);color:var(--color-text-primary);transition:all var(--duration-normal) var(--easing-ease)}.input:focus{outline:none;border-color:var(--color-border-focus);box-shadow:0 0 0 3px #6366f11a}.input::placeholder{color:var(--color-text-muted)}.select{position:relative;width:100%}.select-trigger{width:100%;padding:var(--space-3) var(--space-4);font-family:var(--font-family-primary);font-size:var(--font-size-sm);background:var(--color-surface-secondary);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);color:var(--color-text-primary);cursor:pointer;display:flex;align-items:center;justify-content:space-between;transition:all var(--duration-normal) var(--easing-ease)}.select-trigger:hover{border-color:var(--color-border-secondary)}.select-trigger:focus{outline:none;border-color:var(--color-border-focus);box-shadow:0 0 0 3px #6366f11a}.select-dropdown{position:absolute;top:100%;left:0;right:0;z-index:var(--z-dropdown);background:var(--color-surface-primary);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);box-shadow:var(--shadow-xl);margin-top:var(--space-1);max-height:200px;overflow-y:auto}.select-option{padding:var(--space-3) var(--space-4);cursor:pointer;transition:background-color var(--duration-fast) var(--easing-ease)}.select-option:hover{background:var(--color-surface-secondary)}.select-option:first-child{border-top-left-radius:var(--radius-md);border-top-right-radius:var(--radius-md)}.select-option:last-child{border-bottom-left-radius:var(--radius-md);border-bottom-right-radius:var(--radius-md)}.toggle{position:relative;width:48px;height:24px;background:var(--color-surface-tertiary);border-radius:var(--radius-full);cursor:pointer;transition:all var(--duration-normal) var(--easing-ease);border:1px solid var(--color-border-primary)}.toggle-active{background:var(--color-accent-primary);border-color:var(--color-accent-primary)}.toggle-thumb{position:absolute;top:2px;left:2px;width:18px;height:18px;background:#fff;border-radius:var(--radius-full);transition:transform var(--duration-normal) var(--easing-ease);box-shadow:var(--shadow-sm)}.toggle-active .toggle-thumb{transform:translate(24px)}.tooltip{position:relative;display:inline-block}.tooltip-content{position:absolute;bottom:100%;left:50%;transform:translate(-50%);padding:var(--space-2) var(--space-3);background:var(--color-surface-elevated);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);font-size:var(--font-size-xs);color:var(--color-text-primary);white-space:nowrap;box-shadow:var(--shadow-lg);opacity:0;pointer-events:none;transition:all var(--duration-normal) var(--easing-ease);margin-bottom:var(--space-2);z-index:var(--z-overlay)}.tooltip:hover .tooltip-content{opacity:1}.spinner{width:20px;height:20px;border:2px solid var(--color-surface-tertiary);border-top:2px solid var(--color-accent-primary);border-radius:var(--radius-full);animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.skeleton{background:linear-gradient(90deg,var(--color-surface-secondary) 25%,var(--color-surface-tertiary) 50%,var(--color-surface-secondary) 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;border-radius:var(--radius-md)}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.waveform{width:100%;height:80px;background:var(--color-surface-secondary);border-radius:var(--radius-lg);position:relative;overflow:hidden;cursor:pointer}.waveform-canvas{width:100%;height:100%;display:block}.waveform-progress{position:absolute;top:0;left:0;height:100%;background:linear-gradient(90deg,var(--color-accent-primary),var(--color-accent-secondary));opacity:.3;pointer-events:none;transition:width var(--duration-fast) var(--easing-ease)}.eq-visualizer{display:grid;grid-template-columns:repeat(10,1fr);gap:var(--space-2);padding:var(--space-4);background:var(--color-surface-secondary);border-radius:var(--radius-lg);border:1px solid var(--color-border-primary)}.eq-band{display:flex;flex-direction:column;align-items:center;gap:var(--space-2)}.eq-band-label{font-size:var(--font-size-xs);color:var(--color-text-tertiary);text-align:center;min-height:2em}.eq-band-value{font-family:var(--font-family-mono);font-size:var(--font-size-xs);color:var(--color-text-secondary);min-width:40px;text-align:center;padding:var(--space-1) var(--space-2);background:var(--color-surface-tertiary);border-radius:var(--radius-sm)}@media(max-width:768px){.eq-visualizer{grid-template-columns:repeat(5,1fr);gap:var(--space-1);padding:var(--space-3)}.eq-slider{height:150px}.card{padding:var(--space-4)}}@media(max-width:480px){.eq-visualizer{grid-template-columns:repeat(3,1fr)}.eq-slider{height:120px}.waveform{height:60px}}*{box-sizing:border-box}*:before,*:after{box-sizing:border-box}html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0;font-family:var(--font-family-primary);font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--color-text-primary);background:var(--color-background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body:before{content:"";position:fixed;inset:0;background:radial-gradient(circle at 20% 80%,rgba(99,102,241,.1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(139,92,246,.1) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(6,182,212,.05) 0%,transparent 50%);pointer-events:none;z-index:-1}a{color:inherit;text-decoration:none}.home-page{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.25rem;padding:3rem 1.5rem;min-height:100vh;text-align:center}h1,h2,h3,h4,h5,h6{color:var(--color-text-dark)}h1{font-family:var(--font-heading);font-weight:600;letter-spacing:.04em;font-size:clamp(2.5rem,4vw,4rem);color:var(--color-text-light);text-shadow:0 8px 25px rgba(17,24,39,.25);margin:0}h5{font-family:var(--font-body);font-size:clamp(1rem,2vw,1.25rem);color:var(--color-text-light);opacity:.9;margin:0 0 1.5rem}.button-container{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center}button{padding:.85rem 2.25rem;font-size:1rem;font-family:var(--font-body);font-weight:600;color:var(--color-text-light);background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));border:0;border-radius:var(--radius-pill);cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,opacity .2s ease;box-shadow:var(--shadow-soft);position:relative;overflow:hidden}button:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#c4f1f966,#fde68a59);opacity:0;transition:opacity .2s ease}button:hover{transform:translateY(-2px);box-shadow:var(--shadow-soft-hover)}button:hover:after{opacity:1}button:focus-visible{outline:3px solid rgba(196,241,249,.9);outline-offset:4px}button:active{transform:translateY(0)}.glass-card{background:var(--color-surface);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.35);box-shadow:var(--shadow-soft)}.glass-card--noisy:after{content:"";position:absolute;inset:0;background-image:var(--noise-texture-strong);mix-blend-mode:soft-light;opacity:.5;pointer-events:none}.kinetic-pad{position:relative;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;padding:1.15rem;background:#ffffffb8;box-shadow:var(--shadow-kinetic);border:1px solid rgba(255,255,255,.55);transition:transform var(--duration-sm) var(--easing-kinetic),box-shadow var(--duration-sm) var(--easing-soft)}.kinetic-pad:after{content:"";position:absolute;inset:-18px;border-radius:50%;border:1px solid rgba(165,180,252,.45);opacity:0;transform:scale(.6);transition:transform var(--duration-md) var(--easing-bounce),opacity var(--duration-md) var(--easing-soft)}.kinetic-pad:hover{transform:translateY(-4px) scale(1.03);box-shadow:0 45px 85px #4f46e540}.kinetic-pad:hover:after{opacity:1;transform:scale(1)}.floating-bloom{position:absolute;border-radius:50%;filter:blur(0);opacity:.55;transform:translateZ(0);pointer-events:none}.floating-bloom--pulse{animation:bloomPulse var(--duration-xl) ease-in-out infinite}.floating-bloom--primary{width:clamp(220px,22vw,360px);height:clamp(220px,22vw,360px);background:radial-gradient(circle at 30% 30%,rgba(165,180,252,.65),transparent 70%);box-shadow:var(--shadow-ambient)}.floating-bloom--secondary{width:clamp(180px,18vw,300px);height:clamp(180px,18vw,300px);background:radial-gradient(circle at 70% 30%,rgba(249,168,212,.7),transparent 70%);box-shadow:0 40px 80px #f9a8d459}.floating-bloom--accent{width:clamp(160px,17vw,280px);height:clamp(160px,17vw,280px);background:radial-gradient(circle at 50% 50%,rgba(196,241,249,.6),transparent 75%);box-shadow:0 30px 60px #c4f1f952}.pill-chip{display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-2xs) var(--space-sm);border-radius:var(--radius-pill);background:#ffffff8c;font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;color:#1f293799;box-shadow:0 12px 24px #a5b4fc2e}.grid-showcase{display:grid;gap:var(--space-lg);grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.gallery-card{position:relative;padding:var(--space-lg);background:#ffffffc7;border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.5);box-shadow:var(--shadow-card);overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.gallery-card:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#a5b4fc26,#f8d0ff33);opacity:0;transition:opacity .3s ease}.gallery-card:hover{transform:translateY(-10px);box-shadow:0 35px 65px #4f46e540}.gallery-card:hover:after{opacity:1}.gallery-card__title{font-family:var(--font-heading);font-size:1.4rem;margin-bottom:var(--space-sm)}.gallery-card__meta{font-size:.95rem;color:var(--color-text-muted);line-height:1.6}.section-heading{display:flex;flex-direction:column;gap:var(--space-xs);margin-bottom:var(--space-lg);text-align:left}.section-heading__eyebrow{font-size:.75rem;letter-spacing:.32em;text-transform:uppercase;color:#1f29378c}.section-heading__title{font-family:var(--font-heading);font-size:clamp(2rem,3vw,3rem);margin:0}.subtext-muted{color:var(--color-text-muted)}.floating-bloom--night{background:radial-gradient(circle at 45% 30%,rgba(14,165,233,.4),transparent 70%);box-shadow:0 35px 65px #0ea5e938}.skew-container{transform:skew(-6deg)}.skew-item{transform:skew(6deg)}.blend-overlay{mix-blend-mode:screen}.noise-overlay:after{content:"";position:absolute;inset:0;background-image:var(--noise-texture-strong);opacity:.4;pointer-events:none}@media(max-width:768px){.home-page{padding:4rem 1.25rem}.button-container{flex-direction:column}}