.app-nav {
  position: sticky;
  top: 0;
  z-index: 9999;
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  padding: 12px;
  background: rgba(5, 8, 20, 0.86);
  backdrop-filter: blur(10px);
  border-bottom: 1px solid rgba(94, 234, 212, 0.16);
}

.app-nav-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 36px;
  padding: 0 14px;
  border-radius: 999px;
  color: #d9fbff;
  text-decoration: none;
  font-size: 14px;
  font-weight: 800;
  border: 1px solid rgba(217, 251, 255, 0.22);
  background: rgba(255, 255, 255, 0.06);
}

.app-nav-btn:hover {
  background: rgba(94, 234, 212, 0.14);
  border-color: rgba(94, 234, 212, 0.38);
}
:root{color-scheme:dark;--bg:#101214;--panel:#181c20;--panel2:#20262b;--text:#f5f7f8;--muted:#a9b2ba;--line:#303940;--accent:#35c8a6;--accent2:#f0b45b;--danger:#ff6b6b;--shadow:0 22px 70px rgba(0,0,0,.35)}*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:Inter,Pretendard,"Segoe UI",system-ui,sans-serif;color:var(--text);background:linear-gradient(120deg,rgba(53,200,166,.16),transparent 34%),linear-gradient(230deg,rgba(240,180,91,.12),transparent 36%),var(--bg);overflow-x:hidden}button,input,select{font:inherit}button,a.download{min-height:42px;border:0;border-radius:8px;color:var(--text);text-decoration:none;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}.app-nav{position:sticky;top:0;z-index:9999;display:flex;align-items:center;justify-content:flex-end;gap:12px;flex-wrap:wrap;width:min(1120px,calc(100% - 24px));margin:0 auto;padding:12px 0 10px;background:transparent;backdrop-filter:none;border-bottom:0}.app-brand{color:#78ffe7;font-weight:950;font-size:18px;text-decoration:none;letter-spacing:-.03em}.app-nav-links{display:flex;gap:10px;flex-wrap:wrap}.app-nav-btn{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:0 14px;border-radius:999px;color:#d9fbff;text-decoration:none;font-size:14px;font-weight:800;border:1px solid rgba(217,251,255,.22);background:rgba(255,255,255,.06)}.app-nav-btn:hover{background:rgba(94,234,212,.14);border-color:rgba(94,234,212,.38)}.app-nav-btn.is-active,.app-nav-btn[aria-current="page"]{pointer-events:none;cursor:default;background:rgba(94,234,212,.18);border-color:rgba(94,234,212,.52);color:#fff}.app-nav-btn[aria-disabled="true"]{pointer-events:none}.app-nav-btn[aria-current="page"]{background:rgba(94,234,212,.18)}.shell{width:min(1440px,calc(100% - 32px));margin:0 auto;padding:28px 0 34px}.hero{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:28px;align-items:end;min-height:180px;padding:16px 0 18px}.eyebrow{margin:0 0 8px;color:var(--accent);font-size:.76rem;font-weight:800;text-transform:uppercase}h1,h2{margin:0;letter-spacing:0}h1{max-width:900px;font-size:clamp(2.3rem,6vw,5.6rem);line-height:.94}h2{font-size:1.35rem}.lede{max-width:620px;margin:12px 0 0;color:var(--muted);font-size:clamp(.95rem,1.1vw,1.05rem);line-height:1.5}.meters{display:grid;grid-template-columns:repeat(3,112px);gap:10px}.meters div{padding:16px;border:1px solid var(--line);border-radius:8px;background:rgba(24,28,32,.72)}.meters span,.meters strong{display:block}.meters span{color:var(--muted);font-size:.76rem}.meters strong{margin-top:10px;font-size:1.5rem}.workspace{display:grid;grid-template-columns:360px minmax(0,1fr);gap:18px;align-items:start}.panel{border:1px solid var(--line);border-radius:8px;background:rgba(24,28,32,.9);box-shadow:var(--shadow)}.controls{position:sticky;top:18px;display:grid;gap:18px;padding:18px}.dropzone{position:relative;display:grid;min-height:178px;place-items:center;border:1px dashed #55616b;border-radius:8px;background:var(--panel2);transition:border-color .16s,transform .16s}.dropzone.is-over{border-color:var(--accent);transform:translateY(-1px)}.dropzone input{position:absolute;inset:0;opacity:0;cursor:pointer}.upload-copy{display:grid;gap:8px;justify-items:center;padding:22px;text-align:center}.upload-icon{display:grid;width:46px;height:46px;place-items:center;border-radius:50%;background:var(--accent);color:#08231d;font-size:1.8rem;font-weight:800}small,.track-meta,.track-stats,.empty span,.field>span,.range-label,.queue-head p{color:var(--muted)}.field{display:grid;gap:9px}select,input[type=range]{width:100%}select{min-height:44px;border:1px solid var(--line);border-radius:8px;padding:0 12px;color:var(--text);background:#121619}input[type=range]{accent-color:var(--accent)}.range-label{display:flex;justify-content:space-between;gap:12px;font-size:.92rem}.toggle{display:flex;align-items:center;gap:10px;color:var(--muted)}.toggle input{width:18px;height:18px;accent-color:var(--accent)}.primary{background:var(--accent);color:#08231d;font-weight:800}.secondary{border:1px solid var(--line);background:transparent}.queue{min-height:520px;padding:18px}.queue-head{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:16px}.progress-wrap{height:10px;overflow:hidden;border-radius:999px;background:#111518}#progressBar{width:0;height:100%;background:linear-gradient(90deg,var(--accent),var(--accent2));transition:width .22s}.track-list{display:grid;gap:10px;margin:18px 0 0;padding:0;list-style:none}.track{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:center;padding:16px;border:1px solid var(--line);border-radius:8px;background:rgba(32,38,43,.78)}.track-title-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.track-name{overflow-wrap:anywhere}.badge{flex:0 0 auto;border-radius:999px;padding:5px 9px;background:#2b3339;color:var(--muted);font-size:.78rem;font-weight:800}.badge.ready{background:rgba(53,200,166,.18);color:var(--accent)}.badge.error{background:rgba(255,107,107,.18);color:var(--danger)}.track-meta,.track-stats{margin-top:8px;font-size:.88rem}.track-actions{display:flex;gap:8px;align-items:center}.original-preview,.preview,.download{display:inline-grid;min-width:96px;place-items:center;padding:0 14px}.original-preview,.preview{border:1px solid var(--line);background:#121619}.download{background:var(--accent2);color:#241605;font-weight:800}.empty{display:grid;min-height:320px;place-items:center;align-content:center;gap:10px;text-align:center}@media(max-width:980px){.hero,.workspace{grid-template-columns:1fr}.meters{grid-template-columns:repeat(3,minmax(0,1fr))}.controls{position:static}}@media(max-width:640px){.shell{width:min(100% - 20px,1440px);padding:18px 0}.hero{min-height:auto;padding-top:14px}.meters,.track{grid-template-columns:1fr}.track-actions{width:100%;flex-wrap:wrap}.original-preview,.preview,.download{width:100%}}@media(max-width:560px){.app-nav{align-items:flex-start;flex-direction:column;width:min(100% - 24px,1120px)}.app-nav-links{width:100%}.app-nav-links .app-nav-btn{flex:1}}