:root{color-scheme:dark;--bg:#000000;--bg-elevated:#02070d;--panel:rgba(8,13,24,0.78);--panel-strong:rgba(15,23,42,0.9);--line:rgba(148,163,184,0.15);--line-strong:rgba(103,232,249,0.34);--cyan:#20e6ff;--cyan-soft:#67e8f9;--text:#f8fafc;--muted:#cbd5e1;--muted-soft:#64748b;--danger:#fb7185;--success:#86efac}*{box-sizing:border-box}html{min-height:100%;scroll-behavior:smooth;-webkit-text-size-adjust:100%}body,html{background:#000}body{margin:0;min-height:100vh;color:var(--text);font-family:Roboto,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(circle at 78% 20%,rgba(34,211,238,.07),transparent 22rem),radial-gradient(circle at 18% 68%,rgba(14,165,233,.045),transparent 28rem)}::selection{background:rgba(34,211,238,.35);color:#fff}a{color:inherit;text-decoration:none}a,button,input,select,textarea{transition:.18s ease}.shell{min-height:100vh;padding:18px clamp(14px,3vw,28px) 64px}.nav{position:relative;z-index:10;display:flex;justify-content:space-between;gap:18px;max-width:1240px;margin:0 auto 34px;padding:12px 14px;border:1px solid rgba(255,255,255,.075);border-radius:22px;background:rgba(2,6,17,.88);box-shadow:inset 0 1px 0 rgba(255,255,255,.045),0 12px 32px rgba(2,6,23,.22);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.brand,.nav{align-items:center}.brand{display:inline-flex;gap:10px;min-width:max-content}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:13px;background:rgba(32,230,255,.07);border:1px solid rgba(32,230,255,.2);box-shadow:0 0 20px rgba(32,230,255,.1)}.brand-mark img{width:25px;height:25px;object-fit:contain}.brand-copy{display:flex;flex-direction:column;line-height:1.05}.brand-name{font-size:14px;font-weight:900;letter-spacing:-.02em;color:#fff}.brand-product{margin-top:3px;font-size:10px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:#94a3b8}.nav-links{display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:7px;color:var(--muted);font-size:13px}.account-menu>summary,.button,.nav-links>a{border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.025);padding:10px 14px;border-radius:999px;color:var(--text)}.account-menu>summary:hover,.button:hover,.nav-links>a:hover{border-color:rgba(103,232,249,.35);background:rgba(34,211,238,.07);transform:translateY(-1px)}.button.primary{background:linear-gradient(135deg,#20e6ff,#22d3ee);border-color:rgba(103,232,249,.7);color:#02070d;box-shadow:0 0 26px rgba(32,230,255,.22);font-weight:900}.account-menu{position:relative}.account-menu>summary{list-style:none;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}.account-menu>summary::-webkit-details-marker{display:none}.account-menu>summary:after{content:"⌄";margin-left:8px;color:#67e8f9;font-size:11px}.account-menu[open]>summary{border-color:rgba(103,232,249,.36);background:rgba(34,211,238,.07)}.account-menu-panel{position:absolute;right:0;top:calc(100% + 9px);z-index:30;width:min(260px,calc(100vw - 32px));padding:9px;border:1px solid rgba(103,232,249,.18);border-radius:18px;background:rgba(2,7,13,.98);box-shadow:0 24px 64px rgba(0,0,0,.55),inset 0 1px 0 rgba(255,255,255,.06);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.account-menu-heading{display:block;padding:7px 10px 9px;color:#67e8f9;font-size:10px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.account-menu-panel a{display:block;padding:10px 11px;border-radius:11px;color:#e2e8f0;font-size:13px}.account-menu-panel a:hover{background:rgba(34,211,238,.08);color:#fff}.hero,.panel{position:relative;overflow:hidden;border:1px solid rgba(103,232,249,.16);background:linear-gradient(180deg,rgba(255,255,255,.045),transparent 20%),linear-gradient(145deg,rgba(2,6,17,.96),rgba(4,10,20,.9));border-radius:28px;box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 22px 64px rgba(0,0,0,.38),0 0 26px rgba(34,211,238,.05);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.hero:before,.panel:before{content:"";position:absolute;left:8%;right:8%;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(103,232,249,.55),transparent)}.hero{max-width:1240px;margin:0 auto;padding:clamp(34px,5vw,64px)}.hero-glow{position:absolute;width:320px;height:320px;right:-130px;top:-170px;border-radius:50%;background:rgba(32,230,255,.07);filter:blur(80px);pointer-events:none}.panel{padding:24px}.page{max-width:1240px;margin:0 auto}h1{font-size:clamp(42px,5.2vw,70px);line-height:.96;letter-spacing:-.04em;margin:0 0 16px;color:#fff}h2{margin:0 0 12px;max-width:760px;font-size:clamp(20px,2.35vw,28px);line-height:1.22}h3{margin:0 0 10px}h4{margin:12px 0 8px}p{color:var(--muted);line-height:1.65}.hero-copy{max-width:720px;margin-bottom:0;font-size:clamp(15px,1.55vw,18px)}.kicker{color:var(--cyan);letter-spacing:.18em;text-transform:uppercase;font-size:11px;font-weight:900}.hero-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:10px;gap:10px;max-width:720px;margin-top:24px}.hero-action{min-width:0;padding:13px 14px;border:1px solid rgba(255,255,255,.09);border-radius:16px;background:rgba(255,255,255,.025);box-shadow:inset 0 1px 0 rgba(255,255,255,.035)}.hero-action:hover{border-color:rgba(103,232,249,.34);background:rgba(34,211,238,.055);transform:translateY(-1px)}.hero-action.primary{border-color:rgba(32,230,255,.38);background:linear-gradient(145deg,rgba(32,230,255,.13),rgba(32,230,255,.045));box-shadow:inset 0 1px 0 rgba(103,232,249,.18),0 0 24px rgba(32,230,255,.08)}.hero-action-title{display:block;color:#fff;font-size:14px;font-weight:850;line-height:1.15}.hero-action-subtitle{display:block;margin-top:4px;color:#94a3b8;font-size:10px;line-height:1.2}.grid{display:grid;grid-gap:18px;gap:18px}.two{grid-template-columns:repeat(2,minmax(0,1fr))}.three{grid-template-columns:repeat(3,minmax(0,1fr))}.wave{position:relative;height:170px;border:1px solid rgba(103,232,249,.15);background:radial-gradient(circle at 50% 50%,rgba(32,230,255,.1),transparent 45%),linear-gradient(180deg,rgba(7,17,31,.9),rgba(2,7,13,.96));box-shadow:inset 0 0 44px rgba(32,230,255,.04)}.wave:before{content:"";position:absolute;inset:50% 0 auto;height:1px;background:linear-gradient(90deg,transparent,rgba(103,232,249,.16),transparent)}.wave svg{inset:16px 18px 24px;width:calc(100% - 36px);height:calc(100% - 40px);filter:drop-shadow(0 0 8px rgba(32,230,255,.28))}.wave path{fill:none;stroke:#20e6ff;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.wave-label{position:absolute;left:0;right:0;bottom:9px;color:rgba(103,232,249,.62);text-align:center;text-transform:uppercase;letter-spacing:.22em;font-size:9px;font-weight:800}.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:12px;gap:12px;margin-top:24px}.settings-card{display:flex;flex-direction:column;gap:7px;min-height:118px;padding:18px;border:1px solid rgba(255,255,255,.085);border-radius:18px;background:rgba(255,255,255,.025)}.settings-card:hover{border-color:rgba(103,232,249,.3);background:rgba(34,211,238,.05);transform:translateY(-1px)}.settings-card strong{color:#fff;font-size:15px}.settings-card span{color:#94a3b8;font-size:13px;line-height:1.5}.legal-page{max-width:860px}.legal-page h3{margin-top:26px;color:#fff}.legal-page p{max-width:760px}.legal-note{margin-top:30px;color:#64748b;font-size:12px}.status{color:var(--cyan);border:1px solid var(--line);border-radius:999px;padding:7px 11px;font-size:12px}.meta{display:flex;flex-wrap:wrap;gap:10px;color:var(--muted);font-size:13px}.lane{height:18px;border-radius:999px;margin:9px 0;background:linear-gradient(90deg,rgba(32,230,255,.22),rgba(255,255,255,.04));border:1px solid rgba(255,255,255,.06)}.midi{display:inline-block;width:38px;height:14px;margin-right:5px;border-radius:4px;background:rgba(32,230,255,.38)}.upload-zone{border:1px dashed rgba(32,230,255,.38);border-radius:24px;padding:44px;text-align:center;background:rgba(32,230,255,.025)}.upload-form{display:grid;grid-gap:14px;gap:14px;margin-top:22px}.field-label{color:var(--text);font-size:13px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.studio-input{width:100%;border:1px solid rgba(148,163,184,.22);border-radius:16px;background:rgba(15,23,42,.78);color:var(--text);padding:13px 15px;font:inherit;font-size:16px;outline:none}textarea.studio-input{min-height:92px;resize:vertical}.studio-input:focus{border-color:rgba(32,230,255,.58);box-shadow:0 0 0 3px rgba(32,230,255,.08)}.file-input{display:block;height:1px;opacity:0;pointer-events:none;width:1px}.notice{margin:0;font-size:14px}.notice.success{color:var(--success)}.notice.error{color:#fda4af}button.button{cursor:pointer;font:inherit}.studio-input:disabled,button.button:disabled{cursor:not-allowed;opacity:.62}.export-pack{margin-top:18px;border-top:1px solid var(--line);padding-top:18px}.folder-tree,.future-export-option,.job-status{border:1px solid var(--line);border-radius:18px;padding:16px;background:rgba(255,255,255,.02);color:var(--muted);font-size:14px}.folder-tree strong{color:var(--text)}.folder-tree ul{margin:8px 0 0 18px;padding:0}.folder-tree li{margin:6px 0}.export-actions{margin-top:16px}.job-status p{margin:4px 0}.job-table{display:grid;grid-gap:8px;gap:8px;margin-top:16px;overflow-x:auto}.job-row{display:grid;grid-template-columns:1.2fr 1.2fr .8fr 1.1fr 1fr 1fr 1fr .8fr;grid-gap:10px;gap:10px;min-width:980px;align-items:center;border:1px solid var(--line);border-radius:14px;padding:12px;color:var(--muted);font-size:13px;background:rgba(255,255,255,.02)}.job-row-header{color:var(--text);font-weight:900;text-transform:uppercase;letter-spacing:.08em}.future-export-option p{margin:0 0 14px}@media (max-width:900px){.nav{align-items:flex-start;flex-direction:column}.nav-links{width:100%;justify-content:flex-start}.three,.two{grid-template-columns:1fr}}@media (max-width:600px){.shell{padding:10px 10px 48px}.nav{margin-bottom:22px;padding:10px 11px 0;border-radius:20px;gap:8px}.brand{padding:1px 2px 5px}.brand-mark{width:36px;height:36px}.brand-mark img{width:23px;height:23px}.brand-name{font-size:13px}.brand-product{color:#94a3b8;font-size:9px;letter-spacing:.13em}.nav-links{flex-wrap:nowrap;overflow-x:auto;margin:0 -1px;padding:3px 1px 10px;scrollbar-width:none}.nav-links::-webkit-scrollbar{display:none}.account-menu>summary,.nav-links>a{flex:0 0 auto;white-space:nowrap;padding:8px 12px;font-size:12px}.account-menu{flex:0 0 auto}.account-menu-panel{position:fixed;left:12px;right:12px;top:auto;width:auto;margin-top:8px}.hero{padding:28px 18px}.hero,.panel{border-radius:22px}.panel{padding:20px}h1{font-size:clamp(40px,11.5vw,52px);line-height:.96}h2{font-size:clamp(19px,5.6vw,24px)}.hero-copy{font-size:15px;line-height:1.58}.hero-actions{gap:7px;margin-top:20px}.hero-action{padding:11px 8px;border-radius:14px}.hero-action-title{font-size:12px}.hero-action-subtitle{font-size:9px}.wave{height:150px;margin-top:24px}.settings-grid{grid-template-columns:1fr}.upload-zone{padding:28px 18px}}.wave{height:190px;margin-top:28px;overflow:hidden;border-radius:22px;border:1px solid rgba(103,232,249,.16);background:radial-gradient(circle at 50% 48%,rgba(32,230,255,.09),transparent 44%),linear-gradient(180deg,rgba(5,15,28,.96),rgba(1,6,12,.98));box-shadow:inset 0 1px 0 rgba(255,255,255,.04),inset 0 0 48px rgba(32,230,255,.035)}.wave:before{display:none}.wave svg{position:absolute;inset:12px 16px;width:calc(100% - 32px);height:calc(100% - 24px);overflow:visible;filter:drop-shadow(0 0 7px rgba(32,230,255,.2))}.wave .music-staff line{stroke:rgba(203,213,225,.34);stroke-width:1.3}.wave .treble-clef{fill:none;stroke:#20e6ff;stroke-width:5;stroke-linecap:round;stroke-linejoin:round}.wave .music-notes ellipse{fill:#20e6ff;stroke:none}.wave .music-notes line,.wave .music-notes path{fill:none;stroke:#20e6ff;stroke-width:4;stroke-linecap:round;stroke-linejoin:round}@media (max-width:600px){.wave{height:168px;margin-top:24px}.wave svg{inset:8px 6px;width:calc(100% - 12px);height:calc(100% - 16px)}}