:root{font-family:Work Sans,sans-serif;color:#e8ecf7;background-color:#07080f;--control-height: 59px;--bg: #07080f;--panel: #111426;--panel-soft: rgba(17, 20, 38, .9);--panel-border: rgba(120, 140, 200, .18);--text-muted: #a9b2c8;--cyan: #25f0e6;--cyan-strong: #00abd6;--purple: #9b3bff;--magenta: #a000d5;--blue: #4c7dff;--shadow: rgba(6, 9, 20, .6)}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(1200px 700px at 20% 30%,rgba(37,240,230,.2),transparent 60%),radial-gradient(1200px 700px at 80% 30%,rgba(155,59,255,.22),transparent 60%),radial-gradient(900px 900px at 50% 15%,rgba(76,125,255,.2),transparent 70%),var(--bg)}.route-loading{display:grid;min-height:100vh;place-items:center;color:var(--text-muted)}.page{max-width:900px;margin:0 auto;padding:24px;min-height:100vh;display:flex;flex-direction:column}.header h1{font-family:Russo One,sans-serif;font-size:clamp(34px,6vw,54px);margin:0 0 12px;letter-spacing:.5px;text-shadow:0 10px 25px rgba(47,212,255,.25),0 0 30px rgba(155,59,255,.2)}.home-link button{background:transparent;border:none;padding:0;color:inherit;font:inherit;cursor:pointer;transition:text-shadow .3s}.home-link button:hover{text-shadow:0 10px 25px rgba(47,212,255,.35),0 0 30px rgba(155,59,255,.35)}.header p{margin:0 0 24px;font-size:14px;text-wrap:balance;color:var(--text-muted)}.header .description{font-size:18px;margin-bottom:12px}.header a{color:var(--cyan-strong);text-decoration:none;border-bottom:1px solid rgba(47,212,255,.45)}.header a:hover{color:var(--magenta);border-bottom-color:#a000d599}.saved-nav{width:100%;min-height:42px;padding:10px 16px;border-radius:14px;border:1px solid rgba(80,190,255,.45);background:#0c101ebd;color:#e8ecf7;font-size:15px;margin-bottom:15px}.header-action-stack{display:grid;gap:10px;margin-bottom:15px}.header-action-stack .saved-nav{margin-bottom:0}.dropzone{display:grid;gap:16px;background:linear-gradient(145deg,#0e1223f2,#0a0c18e6);border:1px solid var(--panel-border);border-radius:26px;padding:32px;text-align:center;box-shadow:0 30px 60px var(--shadow),0 0 45px #2fd4ff14,0 0 60px #9b3bff14;margin-top:24px;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}.dropzone.drag-active{border-color:#6ed2ff80;background:linear-gradient(145deg,#121a34fa,#0e1024f2);box-shadow:0 30px 60px var(--shadow),0 0 55px #2fd4ff29,0 0 75px #9b3bff24}.offline-card{margin-top:24px;display:grid;gap:14px;text-align:center;padding:28px;border-radius:24px;background:linear-gradient(145deg,#0e1223f2,#0a0c18e6);border:1px solid var(--panel-border);box-shadow:0 30px 60px var(--shadow),0 0 45px #2fd4ff14}.offline-title{font-size:22px;font-weight:600}.offline-card p{margin:0;color:var(--text-muted);text-wrap:balance}.offline-note{font-size:13px;color:#e6ebfab3}#file-input{display:none}.dropzone .file-label{font-size:18px;cursor:pointer;padding:18px;min-height:var(--control-height);border-radius:14px;background-image:rgba(15,20,35,.9);border:1px solid rgba(120,140,200,.18);display:flex;align-items:center;justify-content:center;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}.dropzone.drag-active .file-label{border-color:#6ed2ff73;box-shadow:inset 0 0 0 1px #50beff24,0 0 24px #2fd4ff1f}.file-name{overflow-wrap:anywhere;word-break:break-word}.dropzone .file-label.primary,.primary{padding:18px 22px;min-height:var(--control-height);border-radius:14px;background:linear-gradient(120deg,var(--cyan-strong),var(--magenta));font-family:Russo One,sans-serif;transition:filter .3s;background-size:calc(100% + 2px);background-position-x:-1px;color:#fff;font-weight:600;text-align:center;line-height:1.1;box-shadow:0 12px 26px #2fd4ff38}.dropzone .file-label.primary:hover,.primary:hover{filter:brightness(1.1) saturate(1.1)}.dropzone i{font-size:12px;font-style:normal;text-wrap:balance;color:#e6ebfab3}button,.links a,a.primary,a.ghost-action{font-family:inherit;border:none;border-radius:14px;padding:12px 22px;cursor:pointer;font-size:16px;text-decoration:none;text-align:center}.dropzone-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.dropzone-actions-bottom{margin-top:16px}.advanced{display:grid;gap:14px;justify-items:center;margin-top:16px}.advanced-panel{width:100%;margin:0 auto;background:#0c101ee6;border:1px solid rgba(120,140,200,.25);border-radius:18px;padding:22px;display:grid;gap:14px;text-align:left}.panel-section-title{font-size:12px;font-weight:400;letter-spacing:0;text-transform:none;color:#e6ebfab3}.panel-section-title-spaced{margin-top:14px}.mode-picker,.mode-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.mode-picker{gap:10px;padding:8px;border-radius:22px;background:#121a2ef2;box-shadow:inset 0 0 0 1px #0508104d,0 10px 24px #060a182e}.mode-option,.midi-toggle{display:flex;align-items:flex-start;gap:14px;padding:14px 16px;border-radius:18px;background:#121a2ef2;box-shadow:inset 0 0 0 1px #05081047,0 10px 24px #060a1833;transition:box-shadow .2s ease,transform .2s ease}.mode-option:hover,.midi-toggle:hover{transform:translateY(-1px)}.mode-option.active{background:linear-gradient(135deg,#222c4efc,#1b2440f7);box-shadow:inset 0 0 0 1px #6880d224,0 16px 32px #1c184452}.mode-radio,.toggle-check{position:relative;width:30px;height:30px;flex:0 0 auto}.mode-radio input,.toggle-check input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer;margin:0;z-index:2}.mode-radio-control,.toggle-check-control{position:absolute;top:0;right:0;bottom:0;left:0;display:block;background:#0c1222fa;box-shadow:inset 0 0 0 1px #05081059,0 8px 18px #060a1847;transition:background .2s ease,box-shadow .2s ease,transform .2s ease}.mode-radio-control{border-radius:50%}.toggle-check-control{border-radius:10px}.mode-radio-control:after,.toggle-check-control:after{content:"";position:absolute;background:linear-gradient(135deg,#f5f8ff,#c6dcff);opacity:0;transition:opacity .2s ease,transform .2s ease}.mode-radio-control:after{top:6px;right:6px;bottom:6px;left:6px;border-radius:50%;box-shadow:0 4px 12px #060a1866;transform:scale(.72)}.toggle-check-control:after{top:6px;left:10px;width:7px;height:13px;border-right:3px solid #f5f8ff;border-bottom:3px solid #f5f8ff;background:transparent;box-shadow:none;border-radius:1px;transform:rotate(45deg) scale(.72);transform-origin:center}.mode-radio input:checked+.mode-radio-control,.toggle-check input:checked+.toggle-check-control{background:linear-gradient(120deg,#1a4975f2,#482280f2)}.mode-radio input:checked+.mode-radio-control:after,.toggle-check input:checked+.toggle-check-control:after{opacity:1}.mode-radio input:checked+.mode-radio-control:after{transform:scale(1)}.toggle-check input:checked+.toggle-check-control:after{transform:rotate(45deg) scale(1)}.mode-option-copy{display:grid;gap:4px;min-width:0}.mode-option-title{font-size:16px;font-weight:600;color:#fff}.mode-option-description{font-size:13px;color:var(--text-muted);line-height:1.4}.midi-toggle{align-items:center;min-height:60px;font-size:16px;font-weight:500;color:#e8ecf7}.dropzone-actions-bottom{width:100%;margin:16px auto 0;justify-content:space-between}.dropzone-actions-bottom .ghost-reset,.dropzone-actions-bottom .primary{flex:1 1 0}.process-action-hint{display:flex;flex:1 1 0;min-width:0}.process-action-hint .process-action{width:100%}.process-action-hint.is-disabled{cursor:not-allowed}.process-action:disabled{pointer-events:none;color:#e8ecf794;background:#3b404b;box-shadow:none;filter:none}.process-action:disabled:hover{filter:none}.mobile-reset-action{display:none;width:100%;margin-top:4px}.desktop-reset-action{display:inline-flex;align-items:center;justify-content:center}.primary{font-weight:600}.ghost{background:transparent;font-family:Russo One,sans-serif;border:1px solid rgba(120,140,200,.35);color:#e8ecf7;text-align:center;line-height:1.1}.ghost-action{border:1px solid rgba(80,190,255,.45);background:linear-gradient(120deg,#0e1e3ae6,#081024e6);box-shadow:0 10px 24px #08163073}.ghost-reset{border:1px solid rgba(255,130,120,.45);color:#ffd7d3;background:linear-gradient(120deg,#341212e6,#140a0ee6);box-shadow:0 10px 24px #300a0c73}.primary,.ghost-action,.ghost-reset{min-height:var(--control-height);display:inline-flex;align-items:center;justify-content:center}.ghost-action,.ghost-reset{transition:background .2s ease,border-color .2s ease,box-shadow .2s ease}.ghost-action:hover{background:linear-gradient(120deg,#142e4ef2,#0a162cf2);border-color:#6ed2ff99}.primary:focus-visible,.ghost-action:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}.ghost-reset:hover{background:linear-gradient(120deg,#461818f2,#1c0c10f2);border-color:#ff9b9199}.status{margin-top:28px;background:var(--panel-soft);padding:24px;border-radius:22px;border:1px solid var(--panel-border);box-shadow:0 20px 45px var(--shadow)}.status-line{display:flex;justify-content:space-between;margin-bottom:16px;font-size:18px}.progress{height:12px;background:#0b0f1f;border-radius:999px;overflow:hidden;border:1px solid rgba(120,140,200,.2)}.progress-bar{height:100%;background:linear-gradient(90deg,var(--cyan-strong),var(--purple),var(--magenta));transition:width .4s ease}.progress-value{margin-top:8px;font-size:14px;color:var(--text-muted)}.error{margin-top:12px;margin-bottom:16px;color:#ff7a7a}.upload-hint{display:grid;gap:5px;margin-top:18px;color:var(--text-muted);font-size:14px;line-height:1.5}.upload-hint span:last-child:not(:first-child){color:#c9eaff}.payment-offer{width:100%;min-width:0;display:grid;gap:5px;margin-top:16px;padding:16px 18px;border:1px solid rgba(37,240,230,.34);border-radius:16px;background:#0a222c8c;text-align:left}.payment-offer-reveal{min-width:0}@media (min-width: 641px) and (prefers-reduced-motion: no-preference){.payment-offer-reveal{overflow:hidden;animation:payment-offer-reveal .5s ease-out}}@keyframes payment-offer-reveal{0%{max-height:0}to{max-height:420px}}.payment-offer strong{min-width:0;color:var(--cyan);font-size:17px;overflow-wrap:anywhere;word-break:break-word}.payment-offer span{color:var(--text-muted);line-height:1.45}.file-analysis{color:var(--text-muted)}.file-facts{color:#dce7ff!important;font-variant-numeric:tabular-nums}.payment-offer p{margin:8px 0 0;line-height:1.5}.payment-offer .payment-acceptance-note{font-size:12px;text-align:center}.payment-offer .service-ready,.payment-status,.promo-code-quote{color:#bffaf6}.individual-offer{border-color:#e56bff5c;background:#2d103a75}.individual-offer .primary{margin-top:10px}.promo-code-field{display:grid;gap:7px;margin-top:7px;color:#c9eaff;font-size:14px}.promo-code-field input{width:100%;min-height:44px;padding:10px 12px;border:1px solid rgba(37,240,230,.34);border-radius:12px;outline:0;color:#f4f8ff;background:#070a14b8;font:inherit}.promo-code-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px}.promo-code-row .ghost{min-height:44px;padding:10px 16px}.promo-code-field input:focus{border-color:var(--cyan);box-shadow:0 0 0 3px #25f0e61a}.payment-offer-action,.payment-check-action,.payment-job-action{width:100%;min-width:0;margin-top:10px;white-space:normal;overflow-wrap:anywhere}.downloads{margin-top:32px;display:grid;gap:16px;min-width:0}.result-actions{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}.result-actions>*{min-width:0}.result-actions>:only-child{grid-column:1 / -1}.result-actions a.primary:hover{color:#fff}.result-primary-download{display:grid;gap:7px}.result-primary-download>span{color:var(--text-muted);font-size:13px;line-height:1.45;text-align:center}.result-mixer{padding:20px;border:1px solid rgba(120,140,200,.2);border-radius:18px;background:#0c101ee6;min-width:0;overflow:hidden}.result-mixer-title{color:#e8ecf7;font-size:20px;font-weight:600}.result-mixer-description{margin:6px 0 20px;color:var(--text-muted);line-height:1.5}.result-mixer .demo-midi-toggle{margin-bottom:0}.result-details{background:#0c101ee6;border:1px solid rgba(120,140,200,.2);border-radius:18px;padding:16px;display:grid;gap:12px;min-width:0}.result-title{font-size:18px;font-weight:600;color:#e8ecf7;padding-bottom:4px;min-width:0;overflow-wrap:anywhere;word-break:break-word}.result-grid{display:grid;gap:12px;min-width:0}.result-item{display:grid;gap:12px;padding:12px 14px;border-radius:12px;background:#070a14a6;min-width:0}.result-name{color:#e8ecf7;font-size:15px;word-break:break-word;display:flex;align-items:center}.result-track-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px}.result-track-grid.single{grid-template-columns:minmax(0,1fr)}.result-cell{display:grid;gap:6px}.result-cell-title{font-size:11px;color:var(--text-muted);letter-spacing:.08em}.result-cell-body{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.icon-button{padding:6px 10px;border-radius:999px;font-size:14px}.mini-player{height:34px;max-width:240px;border-radius:999px;background:#080c18b3}.result-empty{color:var(--text-muted);font-size:14px}.audio{border:0;font-size:30px;width:fit-content;padding:0;transition:filter .3s}.audio:hover{filter:saturate(1.3) contrast(1.2) brightness(.9)}.links{display:grid;gap:8px}.links a{background:#0c101ee6;border:1px solid rgba(120,140,200,.25);color:#e8ecf7}.cleaned{font-weight:600;color:var(--cyan)}.saved-results{margin-top:28px;display:grid;gap:16px;background:var(--panel-soft);padding:24px;border-radius:22px;border:1px solid var(--panel-border);box-shadow:0 20px 45px var(--shadow)}.saved-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.saved-title{font-size:24px;font-weight:700;color:#e8ecf7;overflow-wrap:anywhere}.saved-meta,.saved-empty{color:var(--text-muted);font-size:14px}.saved-empty{margin:0}.saved-legacy-warning{display:grid;gap:12px;padding:18px;border:1px solid rgba(255,190,100,.35);border-radius:16px;background:#37230c6b}.saved-legacy-warning strong{color:#ffe0aa;font-size:17px}.saved-legacy-warning p{margin:0;color:var(--text-muted);line-height:1.5}.saved-legacy-warning p strong{color:#ffe0aa;font-size:inherit}.saved-legacy-actions{display:grid;gap:10px}.saved-legacy-actions>*{width:100%}.saved-open-folder{width:100%}.saved-status-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.saved-delete-button{width:42px;height:42px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;border:1px solid rgba(255,130,120,.4);background:#230c1480;color:#ffb7b0;cursor:pointer}.saved-delete-button:hover{border-color:#ff8278b8;color:#ffd2ce}.trash-icon{display:block;font-size:20px;line-height:1}.saved-list{display:grid;gap:10px}.saved-list-item{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;width:100%;padding:14px 16px;border-radius:14px;border:1px solid rgba(120,140,200,.22);background:#070a14a6;color:#e8ecf7;text-align:left;cursor:pointer;transition:border-color .2s,background .2s}.saved-list-item:hover{border-color:#41b8ff6b;background:#0b101fd1}.saved-list-copy{display:grid;gap:4px;min-width:0}.saved-list-copy strong,.saved-list-copy small{overflow-wrap:anywhere}.saved-list-copy small{color:var(--text-muted);font-size:13px}.saved-list-copy .saved-list-status{color:#dce7ff}.saved-state-icon{width:42px;height:42px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;border:1px solid rgba(120,140,200,.24);background:#788cc814;color:#dce7ff}.saved-state-icon svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.saved-state-icon.queued,.saved-state-icon.active{border-color:#41b8ff61;background:#41b8ff1a;color:#c9eaff}.saved-state-icon.saving{border-color:#b478ff66;background:#b478ff1a;color:#e1c9ff}.saved-state-icon.saved{border-color:#25f0e65c;background:#25f0e617;color:#bffaf6}.saved-state-icon.legacy{border-color:#ffbe647a;background:#ffbe641a;color:#ffe0aa}.saved-state-icon.error,.saved-state-icon.expired,.saved-state-icon.unavailable{border-color:#ff827873;background:#ff827817;color:#ffb7b0}.saved-list-chevron{color:var(--text-muted);font-size:28px;line-height:1}.saved-badge{flex:0 0 auto;justify-self:start;padding:7px 10px;border-radius:999px;border:1px solid rgba(120,140,200,.24);color:#dce7ff;font-size:12px}.saved-badge.saved{border-color:#25f0e652;color:#bffaf6}.saved-badge.active,.saved-badge.queued{border-color:#41b8ff52;color:#c9eaff}.saved-badge.saving{border-color:#b478ff66;color:#e1c9ff}.saved-badge.legacy{border-color:#ffbe647a;color:#ffe0aa}.saved-badge.error,.saved-badge.expired,.saved-badge.unavailable{border-color:#ff827873;color:#ffb7b0}.footer{margin-top:auto;padding-top:40px;font-size:14px;color:var(--text-muted);display:flex;align-items:flex-start;gap:12px;flex-wrap:wrap}.footer-primary-links{display:flex;flex:1 0 100%;flex-wrap:wrap;gap:18px}.footer-link{background:transparent;border:none;padding:0;color:var(--cyan-strong);cursor:pointer;text-decoration:underline;font-size:14px;transition:color .3s}.footer-link:hover{color:var(--magenta)}.footer-credit,.seller-details{flex:1 0 100%;color:#e8ecf7;font-size:14px;line-height:1.6}.footer-credit .footer-link{color:inherit}.seller-details{padding-top:4px}.privacy-consent{position:fixed;z-index:1000;right:24px;bottom:24px;left:24px;display:flex;width:min(880px,calc(100% - 48px));margin:0 auto;padding:20px;align-items:center;justify-content:space-between;gap:24px;border:1px solid rgba(37,240,230,.36);border-radius:20px;background:#0a0c18fa;box-shadow:0 24px 64px #00000094,0 0 36px #25f0e61a}.privacy-consent strong{display:block;margin-bottom:6px;font-size:17px}.privacy-consent p{margin:0;color:var(--text-muted);font-size:14px;line-height:1.5}.privacy-consent-actions{display:flex;flex:0 0 auto;gap:10px}.privacy-consent-actions .primary,.privacy-consent-actions .ghost-action{min-height:44px;padding:10px 16px;white-space:nowrap}a{color:var(--cyan-strong);text-decoration:none;overflow-wrap:anywhere;transition:color .2s ease}a:hover{color:var(--magenta)}a.primary:hover{color:#fff}a.ghost-action:hover{color:#e8ecf7}.payment-info{display:grid;gap:20px;margin-top:24px}.payment-info-intro,.payment-info-section{padding:28px;border:1px solid var(--panel-border);border-radius:24px;background:linear-gradient(145deg,#0e1223f2,#0a0c18e6);box-shadow:0 20px 45px var(--shadow)}.payment-info h2,.payment-info h3,.payment-info h4,.payment-info p,.payment-info ul,.payment-info dl,.payment-info dd{margin-top:0}.payment-info h2{margin-bottom:14px;font-size:clamp(28px,5vw,42px)}.payment-info h3{margin-bottom:18px;font-size:24px}.payment-info h4{margin-bottom:0;font-size:18px}.payment-info p,.payment-info li,.payment-details{line-height:1.6}.payment-info p:last-child,.payment-info ul:last-child,.payment-info dl:last-child{margin-bottom:0}.payment-info-intro p,.payment-info-section>p,.payment-info-list,.tariff-card li,.payment-details dt{color:var(--text-muted)}.tariff-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:22px}.tariff-card{padding:20px;border:1px solid rgba(120,140,200,.22);border-radius:18px;background:#070a148c}.tariff-card-accent{border-color:#25f0e659}.tariff-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:16px}.tariff-heading strong{flex:0 0 auto;color:var(--cyan);font-size:24px}.tariff-card ul,.payment-info-list{padding-left:20px;margin-bottom:0}.legal-kicker{margin-bottom:8px;color:var(--cyan);font-size:13px;letter-spacing:.05em;text-transform:uppercase}.legal-copy ul{padding-left:22px;color:var(--text-muted);line-height:1.6}.legal-back{margin-top:22px}.payment-result{max-width:720px;margin-right:auto;margin-left:auto}.payment-result-card{display:grid;justify-items:center;text-align:center}.payment-result-icon{width:64px;height:64px;display:grid;place-items:center;margin-bottom:18px;border:1px solid rgba(37,240,230,.4);border-radius:50%;background:#0a222cb8;color:var(--cyan);font-size:36px;line-height:1}.payment-result-card .ghost-action{margin-top:8px}.payment-app-return{width:100%;margin-top:8px}.payment-details{margin-bottom:0}.payment-details>div{display:grid;grid-template-columns:minmax(140px,.35fr) minmax(0,1fr);gap:16px;padding:12px 0;border-bottom:1px solid rgba(120,140,200,.16)}.payment-details>div:first-child{padding-top:0}.payment-details>div:last-child{padding-bottom:0;border-bottom:0}.payment-details dd{margin-bottom:0;overflow-wrap:anywhere}@media (max-width: 640px){.header h1{font-size:clamp(42px,10vw,56px)}.header .description{font-size:20px}.dropzone{padding:24px}.advanced-panel{padding:18px}.mode-picker,.mode-options{grid-template-columns:1fr}.dropzone-actions-bottom{width:100%;justify-content:center}.dropzone-actions-bottom .ghost-reset,.dropzone-actions-bottom .primary{max-width:none}.mobile-reset-action{display:inline-flex;justify-content:center}.desktop-reset-action{display:none}.status-line{flex-direction:column;gap:6px}.result-actions{grid-template-columns:1fr}.saved-toolbar{align-items:stretch;flex-direction:column}.saved-list-item{align-items:center}.saved-badge{width:fit-content}.result-track-grid{grid-template-columns:1fr}.payment-info-intro,.payment-info-section{padding:22px}.tariff-grid{grid-template-columns:1fr}.payment-details>div{grid-template-columns:1fr;gap:4px}}.desktop{display:inline}.mobile{display:none}@media (max-width: 640px){.promo-code-row{grid-template-columns:1fr}.desktop{display:none}.mobile{display:inline}}.seo-shell{width:100%;max-width:900px;min-height:100vh;margin:0 auto;padding:0 24px}.seo-header{display:flex;align-items:center;justify-content:space-between;gap:32px;padding:24px 0}.seo-brand{display:grid;flex:0 0 auto;color:#fff;text-decoration:none}.seo-brand span{font-family:Russo One,sans-serif;font-size:25px;letter-spacing:.03em}.seo-brand small{color:var(--text-muted);font-size:11px}.seo-nav{display:flex;align-items:center;justify-content:flex-end;gap:8px}.seo-nav a{padding:9px 12px;border-radius:999px;color:#dce3f5;font-size:13px;text-decoration:none}.seo-nav a:hover,.seo-nav a[aria-current=page]{background:#25f0e61a;color:var(--cyan)}.seo-hero{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(280px,.6fr);align-items:center;gap:64px;min-height:520px;padding:70px 0 90px}.seo-eyebrow{margin:0 0 12px;color:var(--cyan);font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase}.seo-hero h1{max-width:820px;margin:0;font-family:Russo One,sans-serif;font-size:clamp(42px,6vw,76px);font-weight:400;line-height:1.02;text-wrap:balance}.seo-lead{max-width:760px;margin:24px 0 0;color:#c4cce0;font-size:clamp(18px,2vw,22px);line-height:1.55}.seo-hero-actions{display:flex;align-items:center;gap:20px;margin-top:34px}.seo-hero-visual{display:grid;gap:14px;transform:rotate(-4deg)}.seo-wave{display:flex;min-height:78px;align-items:center;padding:0 22px;border:1px solid rgba(255,255,255,.14);border-radius:18px;box-shadow:0 24px 70px #00000047;font-family:Russo One,sans-serif;letter-spacing:.05em}.seo-wave:after{width:58%;height:32px;margin-left:auto;background:repeating-linear-gradient(90deg,currentColor 0 2px,transparent 2px 7px);content:"";-webkit-mask-image:linear-gradient(to bottom,transparent,#000 22%,#000 78%,transparent);mask-image:linear-gradient(to bottom,transparent,#000 22%,#000 78%,transparent);opacity:.55}.seo-wave--vocals{background:#9b3bff2e;color:#d6adff}.seo-wave--music{margin-left:28px;background:#25f0e624;color:var(--cyan)}.seo-wave--midi{margin-left:6px;background:#4c7dff2e;color:#9eb7ff}.seo-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;padding:16px 0 90px}.seo-feature-grid article,.seo-how,.seo-faq,.seo-related,.seo-final-cta,.examples-guide,.seo-screenshots,.demo-song{border:1px solid var(--panel-border);background:#0d101fd1;box-shadow:0 24px 70px #0000002e}.seo-feature-grid article{min-height:290px;padding:30px;border-radius:22px}.seo-feature-grid article>span{color:var(--cyan);font-family:Russo One,sans-serif;font-size:13px}.seo-feature-grid h2,.seo-how h2,.seo-faq h2,.seo-related h2,.seo-final-cta h2,.examples-guide h2,.seo-screenshots h2{margin:20px 0 12px;font-family:Russo One,sans-serif;font-weight:400}.seo-feature-grid h2{font-size:25px}.seo-feature-grid p,.seo-how span,.seo-faq p,.seo-related span,.seo-final-cta p,.examples-guide p{color:var(--text-muted);line-height:1.65}.seo-how,.seo-faq,.seo-related,.seo-screenshots{margin-bottom:28px;padding:42px;border-radius:24px}.seo-how h2,.seo-faq h2,.seo-related h2,.seo-screenshots h2{margin-top:0;font-size:clamp(28px,4vw,42px)}.seo-screenshot-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:28px}.seo-screenshot-grid figure{min-width:0;margin:0}.seo-screenshot-grid img{display:block;width:100%;height:auto;border:1px solid rgba(120,140,200,.22);border-radius:18px;background:#101923}.seo-screenshot-grid figcaption{margin-top:10px;color:var(--text-muted);font-size:13px;line-height:1.45}.seo-how ol{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;padding:0;margin:34px 0 0;list-style:none;counter-reset:steps}.seo-how li{display:grid;gap:8px;counter-increment:steps}.seo-how li:before{color:var(--cyan);content:"0" counter(steps);font-family:Russo One,sans-serif}.seo-faq>div{display:grid;gap:10px;margin-top:28px}.seo-faq details{padding:20px 0;border-bottom:1px solid var(--panel-border)}.seo-faq details:last-child{border-bottom:0}.seo-faq summary{cursor:pointer;font-size:18px;font-weight:600}.seo-faq p{margin-bottom:0}.seo-related-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:28px}.seo-related-grid a{display:grid;gap:8px;padding:20px;border:1px solid transparent;border-radius:16px;background:#ffffff09;color:#edf1fb;text-decoration:none}.seo-related-grid a:hover{border-color:#25f0e647;background:#25f0e60f}.seo-related-grid span{font-size:13px}.seo-final-cta{margin:72px 0;padding:54px;border-radius:26px;background:radial-gradient(circle at 80% 0,rgba(155,59,255,.23),transparent 45%),#0d101fe6;text-align:center}.seo-final-cta h2{margin-top:0;font-size:clamp(30px,5vw,48px)}.seo-final-cta p{max-width:660px;margin:0 auto 28px}.examples-hero{min-height:460px}.examples-summary{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;padding:28px;border:1px solid var(--panel-border);border-radius:24px;background:#0d101fd6;transform:rotate(2deg)}.examples-summary strong{grid-column:1 / -1;margin-bottom:8px;color:var(--cyan);font-family:Russo One,sans-serif;font-size:26px}.examples-summary span{padding:13px;border-radius:12px;background:#ffffff0b;color:#cdd5e8;font-size:13px}.examples-guide{margin-bottom:28px;padding:34px 40px;border-radius:22px}.examples-guide h2{margin-top:0;font-size:30px}.examples-guide p{max-width:860px;margin-bottom:0}.demo-song-list{display:grid;gap:32px}.demo-song{overflow:hidden;padding:34px;border-radius:26px}.demo-song-header{display:flex;align-items:center;gap:20px;margin-bottom:28px}.demo-cover{width:96px;height:96px;flex:0 0 96px;border-radius:18px;box-shadow:0 18px 38px #00000047;object-fit:cover}.demo-cover--placeholder{display:grid;place-items:center;background:linear-gradient(135deg,rgba(37,240,230,.38),transparent),#5630ac;color:#fff;font-family:Russo One,sans-serif;font-size:30px}.demo-song-header h2{margin:0;font-family:Russo One,sans-serif;font-size:clamp(30px,5vw,44px);font-weight:400}.demo-artist{margin:5px 0 0;color:var(--text-muted);font-size:18px}.demo-mode-picker,.demo-stems{display:flex;flex-wrap:wrap;gap:10px;padding:0;border:0;margin:0 0 18px}.demo-mode-picker legend,.demo-stems legend{width:100%;margin-bottom:8px;color:var(--text-muted);font-size:12px;letter-spacing:.08em;text-transform:uppercase}.demo-mode-picker label,.demo-stems label,.demo-midi-toggle{position:relative}.demo-track-control{display:inline-flex;align-items:stretch;min-width:0}.demo-mode-tabs{display:inline-flex;min-width:0;padding:3px;border:1px solid rgba(120,140,200,.25);border-radius:14px;background:#ffffff06}.demo-midi-row .demo-midi-toggle{margin-bottom:0}.demo-midi-row{margin-bottom:18px}.demo-track-control label span{border-radius:12px;background:#070b16c7;transition:border-color .18s,background .18s,color .18s}.demo-track-control.has-action label span{border-radius:12px 0 0 12px}.demo-track-control.has-action .demo-file-action{margin-left:-1px;border-radius:0 12px 12px 0;background:#070b16c7}.demo-track-control.is-enabled label span,.demo-track-control.is-enabled .demo-file-action{border-color:#25f0e694;background:#25f0e61a}.demo-track-control.is-enabled label span{color:var(--cyan)}.demo-track-control .demo-file-action:hover{position:relative;background:#25f0e633}.demo-file-action{display:inline-grid;width:42px;min-width:42px;height:42px;padding:0;place-items:center;border:1px solid rgba(37,240,230,.34);border-radius:12px;background:#25f0e614;color:var(--cyan);cursor:pointer;text-decoration:none}.demo-file-action svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.demo-file-action:hover{border-color:#25f0e6ad;background:#25f0e624;color:#fff}.demo-file-action:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}.demo-file-action:disabled{cursor:default;opacity:.45}.demo-mode-picker input,.demo-stems input,.demo-midi-toggle input{position:absolute;width:1px;height:1px;opacity:0}.demo-mode-picker span,.demo-stems span,.demo-midi-toggle span{display:inline-flex;min-height:42px;align-items:center;padding:0 15px;border:1px solid rgba(120,140,200,.25);border-radius:12px;background:#ffffff09;color:#dce3f5;cursor:pointer;font-size:14px}.demo-mode-picker input:checked+span,.demo-stems input:checked+span,.demo-midi-toggle input:checked+span{border-color:#25f0e68c;background:#25f0e61a;color:var(--cyan)}.demo-mode-picker input:focus-visible+span,.demo-stems input:focus-visible+span,.demo-midi-toggle input:focus-visible+span{outline:2px solid var(--cyan);outline-offset:2px}.demo-mode-tabs span{border-color:transparent;background:transparent;font-family:Russo One,sans-serif;font-weight:400;transition:background .2s,color .2s,filter .2s}.demo-mode-tabs input:checked+span{border-color:transparent;background:linear-gradient(120deg,var(--cyan-strong),var(--magenta));box-shadow:0 8px 18px #2fd4ff33;color:#fff}.demo-mode-tabs label:hover input:not(:checked)+span{background:#ffffff0e;color:#fff}.demo-mode-tabs label:hover input:checked+span{filter:brightness(1.08) saturate(1.08)}.demo-midi-toggle input:disabled+span{cursor:wait;opacity:.55}.demo-transport{display:grid;grid-template-columns:52px auto minmax(120px,1fr) auto;align-items:center;gap:13px;margin:24px 0 16px}.demo-play{width:52px;height:52px;padding:0;border:0;border-radius:50%;background:linear-gradient(135deg,var(--cyan),#37a5ff);color:#021116;cursor:pointer;font-size:19px;font-weight:700}.demo-transport time{min-width:38px;color:#c4cce0;font-variant-numeric:tabular-nums}.demo-transport input[type=range]{width:100%;accent-color:var(--cyan)}.demo-midi-toggle{display:inline-flex;margin-bottom:22px}.demo-error{padding:12px 15px;border:1px solid rgba(255,95,120,.35);border-radius:12px;background:#ff415f14;color:#ffb7c2}.demo-notation{margin-top:14px;border:1px solid var(--panel-border);border-radius:18px;background:#0407109e;min-width:0;overflow:hidden}.demo-notation>div:first-child{display:flex;align-items:center;gap:14px;padding:18px 20px;border-bottom:1px solid var(--panel-border)}.demo-notation h3{margin:0 auto 0 0;font-family:Russo One,sans-serif;font-weight:400}.demo-notation .seo-eyebrow{margin:0}.demo-notation a{color:var(--cyan);font-size:13px}.demo-score-scroller{height:340px;max-width:100%;min-width:0;overflow-y:auto;overscroll-behavior:contain}.demo-score{min-height:100%;min-width:0}.demo-score svg{display:block}.demo-score .vf-stem,.demo-score .vf-stem path{stroke:#e8ecf7}.demo-score .vf-stavenote>path{stroke:#a9b2c8}.demo-score .demo-score-rest{opacity:0}.demo-score .demo-score-note--active,.demo-score .demo-score-note--active *{fill:var(--cyan)!important;stroke:var(--cyan)!important}.demo-score-state{display:grid;min-height:180px;place-items:center;color:var(--text-muted)}.demo-license{margin-top:20px;padding:18px 20px;border-radius:16px;background:#ffffff09}.demo-license p{margin:7px 0 10px;color:var(--text-muted);line-height:1.55}.demo-license>div{display:flex;gap:16px}.demo-license a{color:var(--cyan)}@media (max-width: 900px){.seo-header{align-items:flex-start}.seo-nav{max-width:560px;flex-wrap:wrap}.seo-hero{grid-template-columns:1fr;gap:46px;padding-top:54px}.seo-hero-visual,.examples-summary{width:min(520px,100%)}.seo-feature-grid{grid-template-columns:1fr}.seo-feature-grid article{min-height:0}}@media (max-width: 640px){.examples-summary{transform:none}.footer{align-items:flex-start;flex-direction:column}.footer-primary-links{align-items:flex-start;flex-direction:column;gap:8px}.privacy-consent{right:12px;bottom:12px;left:12px;width:calc(100% - 24px);padding:18px;align-items:stretch;flex-direction:column;gap:16px}.privacy-consent-actions{display:grid;grid-template-columns:1fr 1fr}.seo-shell{padding:0 24px}.seo-header{display:grid;gap:20px}.seo-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));justify-content:stretch;margin:0}.seo-nav a{padding:8px;white-space:normal}.seo-hero{min-height:0;padding:42px 0 66px}.seo-hero>*{min-width:0}.seo-hero h1{-webkit-hyphens:manual;hyphens:manual;font-size:clamp(36px,10vw,44px)}.seo-hero-visual{width:100%;transform:none}.seo-wave--music,.seo-wave--midi{margin-left:0}.seo-hero-actions{align-items:stretch;flex-direction:column}.seo-feature-grid{padding-bottom:60px}.seo-feature-grid article,.seo-how,.seo-faq,.seo-related,.seo-screenshots,.examples-guide,.demo-song{padding:24px}.seo-how ol,.seo-related-grid,.seo-screenshot-grid{grid-template-columns:1fr}.seo-final-cta{padding:38px 24px}.demo-cover{width:74px;height:74px;flex-basis:74px}.demo-transport{grid-template-columns:48px 1fr auto}.demo-transport input[type=range]{grid-column:1 / -1;grid-row:2}.demo-transport time:first-of-type{margin-left:auto}.demo-notation>div:first-child{align-items:flex-start;flex-wrap:wrap}.demo-notation .seo-eyebrow{width:100%}}