:root{--bg:#0a0a0b;--surface:#121214;--surface-2:#1a1a1d;--fg:#f4f4f5;--fg-2:#f4f4f5a3;--fg-3:#f4f4f585;--border:#ffffff14;--border-2:#ffffff24;--accent:#ff6d5c;--accent-rgb:255 109 92;--r-lg:8px;--r-xl:16px;--r-full:9999px;--font-sans:"Pretendard Variable", Pretendard, "Apple SD Gothic Neo", "Segoe UI", sans-serif;--font-mono:"Geist Mono", ui-monospace, "Cascadia Mono", Consolas, monospace}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--fg-2);font-family:var(--font-sans);letter-spacing:-.01em;word-break:keep-all;-webkit-font-smoothing:antialiased;font-size:14.5px;line-height:1.8}#root{flex-direction:column;min-height:100dvh;display:flex}:focus-visible{outline:2px solid var(--fg);outline-offset:2px}::selection{background:#f4f4f533}h1,h2,h3{color:var(--fg);margin:0}button{letter-spacing:inherit;cursor:pointer;color:inherit;background:0 0;border:none;padding:0;font-family:inherit}.btn-primary{background:var(--fg);color:var(--bg);border-radius:var(--r-full);padding:8px 18px;font-size:13.5px;font-weight:600;transition:opacity .2s}.btn-primary:hover:not(:disabled){opacity:.85}.btn-primary:disabled{opacity:.4;cursor:default}.btn-ghost{color:var(--fg-2);border:1px solid var(--border-2);border-radius:var(--r-full);background:0 0;padding:7px 17px;font-size:13.5px;font-weight:500;transition:color .2s,border-color .2s}.btn-ghost:hover{color:var(--fg);border-color:#ffffff4d}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.app-container{width:100%;max-width:1024px;margin:0 auto;padding-left:20px;padding-right:20px}.app-container--wide{max-width:1280px}@media (width>=640px){.app-container{padding-left:24px;padding-right:24px}}.app-header{border-bottom:1px solid var(--border)}.app-header__inner{justify-content:space-between;align-items:center;gap:16px;height:56px;display:flex}.app-header__actions{align-items:center;gap:10px;display:flex}.app-header__left{align-items:center;gap:20px;min-width:0;display:flex}.app-brand{flex:none;align-items:center;gap:10px;transition:opacity .2s;display:flex}.app-brand:hover{opacity:.8}.app-brand__logo{width:26px;height:26px;display:block}.app-brand__channel{color:var(--fg);letter-spacing:-.02em;font-size:15px;font-weight:700}.app-brand__divider{background:var(--border-2);width:1px;height:14px}.app-logo{color:var(--fg-2);letter-spacing:-.01em;font-size:14px;font-weight:600}.app-main{flex-direction:column;flex:1;padding-top:24px;padding-bottom:64px;display:flex}.app-view{flex-direction:column;flex:1;gap:20px;min-width:0;animation:.46s cubic-bezier(.34,1.46,.64,1) view-spring;display:flex}@keyframes view-spring{0%{opacity:0;transform:translateY(16px)}}@media (prefers-reduced-motion:reduce){.app-view{animation-duration:1ms}}.editor-empty{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:12px;padding:40px 0 64px;display:flex}.editor-empty__title{letter-spacing:-.02em;font-size:26px;font-weight:700}.editor-empty__desc{color:var(--fg-2);max-width:46ch;margin:0 0 16px;font-size:14px}.editor-empty .dropzone{flex:none;width:100%;min-height:240px}.dropzone{border:1px solid var(--border);border-radius:var(--r-xl);background:var(--surface);text-align:center;cursor:pointer;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:8px;min-height:320px;padding:48px 24px;transition:border-color .2s;display:flex}.dropzone--over{border-color:var(--border-2)}.dropzone__title{color:var(--fg);margin:0;font-size:16.5px;font-weight:600}.dropzone__desc{color:var(--fg-3);max-width:36ch;margin:0 0 12px;font-size:13px}.dropzone__error{color:var(--fg-2);border-top:1px solid var(--border);margin:12px 0 0;padding-top:12px;font-size:13px}.guide{min-width:0}@media (width>=1024px){.guide{position:sticky;top:24px}}.guide__title{color:var(--fg);letter-spacing:-.01em;margin-bottom:8px;font-size:15px;font-weight:600}.guide__list{flex-direction:column;display:flex}.guide__item{border-top:1px solid var(--border)}.guide__name{text-align:left;width:100%;color:var(--fg-2);justify-content:space-between;align-items:center;gap:12px;padding:11px 0;font-size:13px;font-weight:500;transition:color .2s;display:flex}.guide__name:hover,.guide__name[aria-expanded=true]{color:var(--fg)}.guide__icon{color:var(--fg-3);flex:none;font-size:15px;line-height:1;transition:transform .32s cubic-bezier(.16,1,.3,1),color .2s}.guide__icon--open{color:var(--fg-2);transform:rotate(45deg)}.guide__body{grid-template-rows:0fr;transition:grid-template-rows .34s cubic-bezier(.16,1,.3,1);display:grid}.guide__body--open{grid-template-rows:1fr}.guide__body-inner{overflow:hidden}.guide__desc{color:var(--fg-3);opacity:0;margin:0;padding-bottom:14px;font-size:12.5px;line-height:1.75;transition:opacity .2s,transform .3s cubic-bezier(.16,1,.3,1);transform:translateY(-4px)}.guide__body--open .guide__desc{opacity:1;transition-delay:90ms;transform:translateY(0)}.guide__tip{border-top:1px solid var(--border);color:var(--fg-3);margin:0;padding-top:14px;font-size:12.5px;line-height:1.7}@media (prefers-reduced-motion:reduce){.guide__body,.guide__desc,.guide__icon{transition-duration:1ms}}.transport{align-items:center;gap:16px;display:flex}.transport__time{color:var(--fg-3);font-size:13px}.transport__sep{opacity:.5}.transport__ab{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);gap:2px;margin-left:auto;padding:2px;display:flex}.transport__ab-btn{color:var(--fg-3);border-radius:calc(var(--r-lg) - 2px);padding:5px 14px;font-size:13px;font-weight:500;transition:color .2s,background-color .2s}.transport__ab-btn:hover{color:var(--fg-2)}.transport__ab-btn--active{background:var(--fg);color:var(--bg);font-weight:600}.transport__ab-btn--active:hover{color:var(--bg)}.waveform{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-xl);padding:0 20px 16px}.waveform__header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;padding:12px 0;display:flex}.waveform__filename{color:var(--fg-2);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:500;overflow:hidden}.waveform__meta{color:var(--fg-3);flex:none;font-size:12px;transition:color .2s}.waveform__meta--active{color:var(--accent)}.waveform__canvas{cursor:ew-resize;touch-action:none;width:100%;display:block}.waveform__canvas--dragging{cursor:grabbing}.eq-panel{flex-direction:column;gap:12px;display:flex}.eq-panel__bands{grid-template-columns:repeat(8,1fr);gap:8px;display:grid}.eq-band{flex-direction:column;align-items:center;gap:8px;display:flex}.eq-band__gain{color:var(--fg-3);font-size:11.5px}.eq-band__track{border-radius:var(--r-lg);background:var(--surface-2);cursor:ns-resize;touch-action:none;width:100%;max-width:40px;height:160px;position:relative}.eq-band__zero{background:var(--border-2);height:1px;position:absolute;top:50%;left:6px;right:6px}.eq-band__thumb{background:var(--fg);pointer-events:none;border-radius:3px;width:22px;height:6px;position:absolute;left:50%;transform:translate(-50%,-50%)}.eq-band__freq{color:var(--fg-3);font-size:12px;font-weight:500}.eq-panel__footer{border-top:1px solid var(--border);justify-content:space-between;align-items:center;padding-top:12px;display:flex}.eq-panel__hint{color:var(--fg-3);font-size:12px}.eq-panel__reset{color:var(--fg-2);font-size:12.5px;font-weight:500;transition:color .2s}.eq-panel__reset:hover{color:var(--fg)}.module{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-xl);flex-direction:column;gap:14px;padding:18px 20px 20px;display:flex}.module--wide{grid-column:1/-1}.module__header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding-bottom:12px;display:flex}.module__title{letter-spacing:-.01em;font-size:15px;font-weight:600}.module__switch{border-radius:var(--r-full);background:var(--surface-2);border:1px solid var(--border-2);width:34px;height:20px;transition:background-color .2s;position:relative}.module__switch--on{background:var(--fg);border-color:#0000}.module__knob{background:var(--fg-2);border-radius:50%;width:12px;height:12px;transition:transform .2s,background-color .2s;position:absolute;top:3px;left:3px}.module__switch--on .module__knob{background:var(--bg);transform:translate(14px)}.module__body{flex-direction:column;gap:12px;transition:opacity .2s;display:flex}.module__body--off{opacity:.35;pointer-events:none}.loudness__readout{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.loudness__label{color:var(--fg-2);font-size:12.5px;font-weight:500}.loudness__value{color:var(--fg);font-size:15px;font-weight:600}.loudness__meter{background:var(--surface-2);border-radius:2px;height:4px;overflow:hidden}.loudness__meter-fill{background:var(--accent);transform-origin:0;height:100%;transition:transform .32s cubic-bezier(.16,1,.3,1);display:block}.loudness__targets{flex-direction:column;gap:8px;display:flex}.loudness__chips{flex-wrap:wrap;gap:6px;display:flex}.loudness__chip{color:var(--fg-2);background:var(--surface-2);border-radius:var(--r-full);padding:6px 11px;font-size:12px;font-weight:500;transition:color .2s,background-color .2s,opacity .2s}.loudness__chip:hover:not(:disabled){color:var(--bg);background:var(--fg)}.loudness__chip--ghost{border:1px solid var(--border-2);color:var(--fg-3);background:0 0}.loudness__chip:disabled{opacity:.4;cursor:default}.loudness__note{color:var(--fg-3);border-top:1px solid var(--border);margin:0;padding-top:10px;font-size:12px;line-height:1.6}.slider{flex-direction:column;gap:6px;display:flex}.slider__row{justify-content:space-between;align-items:baseline;display:flex}.slider__label{color:var(--fg-2);font-size:12.5px;font-weight:500}.slider__value{color:var(--fg-3);font-size:12px}.slider input[type=range]{appearance:none;cursor:pointer;background:0 0;width:100%;height:16px;margin:0}.slider input[type=range]::-webkit-slider-runnable-track{background:var(--border-2);border-radius:1px;height:2px}.slider input[type=range]::-moz-range-track{background:var(--border-2);border-radius:1px;height:2px}.slider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--fg);border-radius:50%;width:12px;height:12px;margin-top:-5px;transition:opacity .2s}.slider input[type=range]::-moz-range-thumb{background:var(--fg);border:none;border-radius:50%;width:12px;height:12px}.slider input[type=range]:hover::-webkit-slider-thumb{opacity:.85}.rack{grid-template-columns:1fr;gap:16px;display:grid}@media (width>=640px){.rack{grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){.rack{grid-template-columns:repeat(3,1fr)}}.rack__check{color:var(--fg-2);cursor:pointer;align-items:center;gap:8px;font-size:12.5px;font-weight:500;display:flex}.rack__check input{accent-color:var(--fg);cursor:pointer;width:14px;height:14px}.editor-layout{grid-template-columns:1fr;align-items:start;gap:24px;display:grid}.editor-main{flex-direction:column;gap:20px;min-width:0;display:flex}@media (width>=1024px){.editor-layout{grid-template-columns:230px 1fr}}@media (width<=1023.98px){.editor-layout .guide{order:2}}.export{align-items:center;gap:12px;display:flex;position:relative}.export__error{color:var(--fg-3);font-size:12.5px}.export__menu{background:var(--surface);border:1px solid var(--border-2);border-radius:var(--r-lg);z-index:10;flex-direction:column;min-width:220px;padding:6px;display:flex;position:absolute;top:calc(100% + 8px);right:0}.export__menu button{text-align:left;color:var(--fg-2);border-radius:calc(var(--r-lg) - 2px);justify-content:space-between;align-items:baseline;gap:16px;padding:8px 10px;font-size:13.5px;font-weight:500;transition:color .2s,background-color .2s;display:flex}.export__menu button:hover{color:var(--fg);background:var(--surface-2)}.export__meta{color:var(--fg-3);font-size:11.5px}.export__divider{background:var(--border);height:1px;margin:6px 4px}.nav{align-items:center;gap:2px;min-width:0;display:flex}.nav__tab{white-space:nowrap;color:var(--fg-3);border-radius:var(--r-lg);align-items:center;padding:6px 11px;font-size:13px;font-weight:500;text-decoration:none;transition:color .2s,background-color .2s,transform .26s cubic-bezier(.34,1.46,.64,1);display:inline-flex}.nav__tab:active{transform:scale(.94)}.nav__tab:hover,.nav__tab--active{color:var(--fg);background:var(--surface-2)}@media (width<=560px){.nav__tab{padding:6px 8px;font-size:12.5px}}.landing{flex-direction:column;display:flex}.landing__hero{text-align:center;flex-direction:column;align-items:center;gap:20px;padding:56px 0 72px;display:flex}.landing__title{letter-spacing:-.03em;font-size:38px;font-weight:800;line-height:1.18}.landing__lede{color:var(--fg-2);max-width:52ch;margin:0 0 16px;font-size:15px}.landing__resume{border:1px solid var(--border-2);border-radius:var(--r-xl);flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;width:100%;margin-bottom:4px;padding:14px 20px;display:flex}.landing__resume-text{color:var(--fg-3);font-size:13px}.landing__resume-text strong{color:var(--fg-2);font-weight:500}.landing__hero .dropzone{flex:none;width:100%;min-height:220px}.landing__section{border-top:1px solid var(--border);padding:56px 0 64px}.landing__heading{letter-spacing:-.02em;margin-bottom:40px;font-size:26px;font-weight:700}.landing__features{grid-template-columns:1fr;gap:32px 56px;margin:0;padding:0;list-style:none;display:grid}@media (width>=640px){.landing__features{grid-template-columns:repeat(2,1fr)}.landing__hero{padding-top:80px}.landing__title{font-size:52px}}@media (width>=1024px){.landing__features{grid-template-columns:repeat(3,1fr)}}.landing__feature{border-top:1px solid var(--border-2);padding-top:20px}.landing__feature-title{margin-bottom:8px;font-size:15.5px;font-weight:600}.landing__feature-desc{color:var(--fg-2);max-width:44ch;margin:0;font-size:14px}.landing__faq{border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.landing__faq-item+.landing__faq-item{border-top:1px solid var(--border)}.landing__faq-q{text-align:left;width:100%;color:var(--fg);cursor:pointer;justify-content:space-between;align-items:center;gap:16px;padding:16px 0;font-size:15px;font-weight:500;display:flex}.landing__faq-icon{color:var(--fg-3);flex:none;font-size:16px;line-height:1;transition:transform .34s cubic-bezier(.16,1,.3,1)}.landing__faq-icon--open{transform:rotate(45deg)}.landing__faq-body{grid-template-rows:0fr;transition:grid-template-rows .34s cubic-bezier(.16,1,.3,1);display:grid}.landing__faq-body--open{grid-template-rows:1fr}.landing__faq-body-inner{overflow:hidden}.landing__faq-a{color:var(--fg-2);opacity:0;max-width:58ch;margin:0;padding:0 0 16px;font-size:14px;transition:opacity .2s,transform .3s cubic-bezier(.16,1,.3,1);transform:translateY(-4px)}.landing__faq-body--open .landing__faq-a{opacity:1;transition-delay:90ms;transform:translateY(0)}@media (prefers-reduced-motion:reduce){.landing__faq-body,.landing__faq-a,.landing__faq-icon{transition-duration:1ms}}