:root{color:#e8ecf7;--control-height:59px;--bg:#07080f;--panel:#111426;--panel-soft:#111426e6;--panel-border:#788cc82e;--text-muted:#a9b2c8;--cyan:#25f0e6;--cyan-strong:#00abd6;--purple:#9b3bff;--magenta:#a000d5;--blue:#4c7dff;--page-header-gap:44px;--shadow:#06091499;background-color:#07080f;font-family:Work Sans,sans-serif}html{scroll-behavior:smooth}*{box-sizing:border-box;scrollbar-color:#9b3bffc7 #07080f61;scrollbar-width:thin}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#07080f61}::-webkit-scrollbar-thumb{background:#9b3bffc7 padding-box padding-box;border:2px solid #0000;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#9b3bfff5 padding-box padding-box}body{background:radial-gradient(1200px 700px at 20% 260px, #25f0e633, transparent 60%), radial-gradient(1200px 700px at 80% 260px, #9b3bff38, transparent 60%), radial-gradient(900px 900px at 50% 130px, #4c7dff33, transparent 70%), var(--bg);min-height:100vh;margin:0}.route-loading{min-height:100vh;color:var(--text-muted);place-items:center;display:grid}:root{--page-inset:24px}.page{max-width:900px;padding:24px var(--page-inset);flex-direction:column;min-height:100vh;margin:0 auto;display:flex}.header h1{letter-spacing:.5px;text-shadow:0 10px 25px #2fd4ff40,0 0 30px #9b3bff33;margin:0 0 12px;font-family:Russo One,sans-serif;font-size:max(34px,min(6vw,54px))}.header--home h1{margin-bottom:var(--page-header-gap)}.header--offer h1{margin-bottom:0}.header--offer+.payment-info{margin-top:var(--page-header-gap)}.home-link button{color:inherit;font:inherit;cursor:pointer;background:0 0;border:none;padding:0;transition:text-shadow .3s}.home-link button:hover{text-shadow:0 10px 25px #2fd4ff59,0 0 30px #9b3bff59}.header p{text-wrap:balance;color:var(--text-muted);margin:0 0 24px;font-size:14px}.header .description{margin-bottom:12px;font-size:18px}.header a{color:var(--cyan-strong);border-bottom:1px solid #00abd680;text-decoration:none}.header a:hover{color:var(--magenta);border-bottom-color:#a000d599}.saved-nav{color:#e8ecf7;background:#0c101ebd;border:1px solid #50beff73;border-radius:14px;width:100%;min-height:42px;margin-bottom:15px;padding:10px 16px;font-size:15px}.header-action-stack{gap:10px;margin-bottom:15px;display:grid}.header-action-stack .saved-nav{margin-bottom:0}.dropzone{border:1px solid var(--panel-border);text-align:center;box-shadow:0 30px 60px var(--shadow), 0 0 45px #2fd4ff14, 0 0 60px #9b3bff14;background:linear-gradient(145deg,#0e1223f2,#0a0c18e6);border-radius:26px;gap:16px;margin-top:24px;padding:32px;transition:border-color .2s,box-shadow .2s,background .2s;display:grid}.dropzone.drag-active{box-shadow:0 30px 60px var(--shadow), 0 0 55px #2fd4ff29, 0 0 75px #9b3bff24;background:linear-gradient(145deg,#121a34fa,#0e1024f2);border-color:#6ed2ff80}.offline-card{text-align:center;border:1px solid var(--panel-border);box-shadow:0 30px 60px var(--shadow), 0 0 45px #2fd4ff14;background:linear-gradient(145deg,#0e1223f2,#0a0c18e6);border-radius:24px;gap:14px;margin-top:24px;padding:28px;display:grid}.offline-title{font-size:22px;font-weight:600}.offline-card p{color:var(--text-muted);text-wrap:balance;margin:0}.offline-note{color:#e6ebfab3;font-size:13px}#file-input{display:none}.dropzone .file-label{cursor:pointer;min-height:var(--control-height);background-image:#0f1423e6;border:1px solid #788cc82e;border-radius:14px;justify-content:center;align-items:center;padding:18px;font-size:18px;transition:border-color .2s,box-shadow .2s,background .2s;display:flex}.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}.file-row{align-items:stretch;gap:12px;min-width:0;display:flex}.file-row .file-card{flex:auto}.file-row .desktop-reset-action{flex:none}.file-card{text-align:left;background:#0f1423e6;border:1px solid #788cc82e;border-radius:14px;align-items:center;gap:8px;min-width:0;padding:12px 12px 12px 18px;display:flex}.file-card-main{cursor:pointer;flex:auto;gap:2px;min-width:0;display:grid}.file-card-main .file-name{color:var(--cyan);font-size:17px;font-weight:600}.file-card-facts{color:var(--text-muted);font-variant-numeric:tabular-nums;font-size:14px}.file-card-reset{color:#e6ebfaa6;background:0 0;border-radius:12px;flex:none;justify-content:center;align-items:center;width:44px;height:44px;padding:0;font-size:28px;line-height:1;display:none}.dropzone .file-label.primary,.primary{min-height:var(--control-height);background:linear-gradient(120deg, var(--cyan-strong), var(--magenta));color:#fff;text-align:center;background-position-x:-1px;background-size:calc(100% + 2px);border-radius:14px;padding:18px 22px;font-family:Russo One,sans-serif;font-weight:600;line-height:1.1;transition:filter .3s;box-shadow:0 12px 26px #2fd4ff38}.dropzone .file-label.primary:hover,.primary:hover{filter:brightness(1.1)saturate(1.1)}.dropzone i{text-wrap:balance;color:#e6ebfab3;font-size:12px;font-style:normal}button,.links a,a.primary,a.ghost-action{cursor:pointer;text-align:center;border:none;border-radius:14px;padding:12px 22px;font-family:inherit;font-size:16px;text-decoration:none}.dropzone-actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.advanced{justify-items:center;gap:14px;margin-top:16px;display:grid}.advanced-panel{text-align:left;background:#0c101ee6;border:1px solid #788cc840;border-radius:18px;gap:14px;width:100%;margin:0 auto;padding:22px;display:grid}.advanced-body{gap:14px;display:grid}.advanced-toggle{display:none}.advanced-toggle-copy{text-align:left;gap:2px;min-width:0;display:grid}.advanced-toggle-label{color:#e6ebfab3;font-size:12px}.advanced-toggle-value{color:#e8ecf7;overflow-wrap:anywhere;font-size:16px;font-weight:600}.advanced-toggle-arrow{border-bottom:2px solid #e6ebfab3;border-right:2px solid #e6ebfab3;flex:none;width:9px;height:9px;margin-bottom:4px;transition:transform .2s;transform:rotate(45deg)}.advanced-panel.is-open .advanced-toggle-arrow{margin:4px 0 0;transform:rotate(-135deg)}.panel-section-title{letter-spacing:0;text-transform:none;color:#e6ebfab3;font-size:12px;font-weight:400}.panel-section-title-spaced{margin-top:14px}.mode-picker,.mode-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.mode-picker{box-shadow:none;background:0 0;border-radius:22px;gap:10px;padding:0}.mode-option,.midi-toggle{background:#121a2ef2;border-radius:18px;align-items:flex-start;gap:14px;padding:14px 16px;transition:box-shadow .2s,transform .2s;display:flex;box-shadow:inset 0 0 0 1px #05081047,0 10px 24px #060a1833}.mode-option:hover,.midi-toggle:hover{transform:translateY(-1px)}.mode-option.active,.midi-toggle.active{background:linear-gradient(135deg,#222c4efc,#1b2440f7);box-shadow:inset 0 0 0 1px #6880d224,0 16px 32px #1c184452}.mode-radio,.toggle-check{flex:none;width:30px;height:30px;position:relative}.mode-radio input,.toggle-check input{opacity:0;cursor:pointer;z-index:2;margin:0;position:absolute;top:0;bottom:0;left:0;right:0}.mode-radio-control,.toggle-check-control{background:#0c1222fa;transition:background .2s,box-shadow .2s,transform .2s;display:block;position:absolute;top:0;bottom:0;left:0;right:0;box-shadow:inset 0 0 0 1px #919dffa6,0 0 8px #6f67eb1f}.mode-radio-control{border-radius:50%}.toggle-check-control{border-radius:10px}.mode-radio-control:after,.toggle-check-control:after{content:"";opacity:0;background:linear-gradient(135deg,#f5f8ff,#c6dcff);transition:opacity .2s,transform .2s;position:absolute}.mode-radio-control:after{border-radius:50%;top:6px;bottom:6px;left:6px;right:6px;transform:scale(.72);box-shadow:0 4px 12px #060a1866}.toggle-check-control:after{width:7px;height:13px;box-shadow:none;transform-origin:50%;background:0 0;border-bottom:3px solid #f5f8ff;border-right:3px solid #f5f8ff;border-radius:1px;top:6px;left:10px;transform:rotate(45deg)scale(.72)}.mode-radio input:checked+.mode-radio-control,.toggle-check input:checked+.toggle-check-control{background:linear-gradient(120deg,#1a4975f2,#482280f2);box-shadow:inset 0 0 0 1px #a2aeffe6,0 0 10px #6f67eb40}.mode-option:hover .mode-radio-control,.midi-toggle:hover .toggle-check-control{box-shadow:inset 0 0 0 1px #a2aeffe6,0 0 10px #6f67eb40}.mode-radio input:focus-visible+.mode-radio-control{outline-offset:3px;outline:2px solid #c6dcff}.toggle-check input:focus-visible+.toggle-check-control{outline-offset:3px;outline:2px solid #c6dcff}.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{gap:4px;min-width:0;display:grid}.mode-option-title{color:#fff;font-size:16px;font-weight:600}.mode-option-description{color:var(--text-muted);font-size:13px;line-height:1.4}.midi-toggle{color:#e8ecf7;align-items:flex-start;min-height:60px;font-size:16px;font-weight:500}.split-settings{gap:14px;max-height:800px;transition:max-height .3s,opacity .3s;display:grid;overflow:hidden}.split-settings.is-hidden{opacity:0;pointer-events:none;max-height:0}.pitch-feature{background:#121a2ef2;border-radius:18px;transition:box-shadow .2s,background .2s;display:grid;box-shadow:inset 0 0 0 1px #05081047,0 10px 24px #060a1833}.pitch-feature.active{background:linear-gradient(135deg,#222c4efc,#1b2440f7);box-shadow:inset 0 0 0 1px #6880d224,0 16px 32px #1c184452}.pitch-feature .pitch-toggle{box-shadow:none;background:0 0}.pitch-feature .pitch-toggle:hover{transform:none}.pitch-details{opacity:0;gap:12px;max-height:0;padding-inline-start:16px;padding-inline-end:16px;transition:max-height .3s,opacity .3s,padding-block .3s;display:grid;overflow:hidden}.pitch-details.is-open{opacity:1;max-height:350px;padding-block-start:4px;padding-block-end:16px}.pitch-feature .pitch-only-toggle{min-height:0;box-shadow:none;background:0 0;border-radius:0;padding:14px 0 0}.pitch-feature .pitch-only-toggle:hover{transform:none}.pitch-only-toggle{animation:.2s ease-out pitch-only-appear}@keyframes pitch-only-appear{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.split-settings,.pitch-details{transition:none}.pitch-only-toggle{animation:none}}.dropzone-dock{margin-top:16px}.dropzone-actions-bottom{justify-content:center;width:100%;margin:0 auto}.process-disabled-note{color:#ffd9c9;text-align:center;margin:10px 0 0;font-size:13px;line-height:1.4}.dropzone-actions-bottom .primary{flex:1 1 0}.process-action-hint{flex:1 1 0;min-width:0;display:flex}.process-action-hint .process-action{width:100%}.process-action-hint.is-disabled{cursor:not-allowed}.process-action:disabled{pointer-events:none;color:#e8ecf794;box-shadow:none;filter:none;background:#3b404b}.process-action:disabled:hover{filter:none}.desktop-reset-action{justify-content:center;align-items:center;display:inline-flex}.primary{font-weight:600}.ghost{color:#e8ecf7;text-align:center;background:0 0;border:1px solid #788cc859;font-family:Russo One,sans-serif;line-height:1.1}.ghost-action{background:linear-gradient(120deg,#0e1e3ae6,#081024e6);border:1px solid #50beff73;box-shadow:0 10px 24px #08163073}.ghost-reset{color:#ffd7d3;background:linear-gradient(120deg,#341212e6,#140a0ee6);border:1px solid #ff827873;box-shadow:0 10px 24px #300a0c73}.primary,.ghost-action,.ghost-reset{min-height:var(--control-height);justify-content:center;align-items:center;display:inline-flex}.ghost-action,.ghost-reset{transition:background .2s,border-color .2s,box-shadow .2s}.ghost-action:hover{background:linear-gradient(120deg,#142e4ef2,#0a162cf2);border-color:#6ed2ff99}.primary:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}.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{background:var(--panel-soft);border:1px solid var(--panel-border);box-shadow:0 20px 45px var(--shadow);border-radius:22px;margin-top:28px;padding:24px}.status-line{justify-content:space-between;margin-bottom:16px;font-size:18px;display:flex}.progress{background:#0b0f1f;border:1px solid #788cc833;border-radius:999px;height:12px;position:relative;overflow:hidden}.progress-bar{background:linear-gradient(90deg, var(--cyan-strong), var(--purple), var(--magenta));height:100%;transition:width .4s}.progress--indeterminate .progress-bar{width:35%;animation:1.6s ease-in-out infinite progress-slide;position:absolute;left:-35%}@keyframes progress-slide{to{left:100%}}@media (prefers-reduced-motion:reduce){.progress--indeterminate .progress-bar{animation:none;left:32%}}.progress-value{color:var(--text-muted);margin-top:8px;font-size:14px}.error{color:#ff7a7a;margin-top:12px;margin-bottom:16px}.upload-hint{color:var(--text-muted);gap:5px;margin-top:18px;font-size:14px;line-height:1.5;display:grid}.upload-hint span:last-child:not(:first-child){color:#c9eaff}.payment-offer{text-align:left;background:#0a222c8c;border:1px solid #25f0e657;border-radius:16px;gap:5px;width:100%;min-width:0;margin-top:16px;padding:16px 18px;display:grid}.payment-offer-reveal{min-width:0}@media (min-width:641px) and (prefers-reduced-motion:no-preference){.payment-offer-reveal{animation:.5s ease-out payment-offer-reveal;overflow:hidden}}@keyframes payment-offer-reveal{0%{max-height:0}to{max-height:420px}}.payment-offer strong{min-width:0;color:var(--cyan);overflow-wrap:anywhere;word-break:break-word;font-size:17px}.payment-offer span{color:var(--text-muted);line-height:1.45}.payment-offer p{margin:8px 0 0;line-height:1.5}.payment-offer p:first-child{margin-top:0}.payment-offer .payment-acceptance-note{text-align:center;font-size:12px}.payment-offer .service-ready,.payment-status,.promo-code-quote{color:#bffaf6}.individual-offer{background:#2d103a75;border-color:#e56bff5c}.individual-offer .primary{margin-top:10px}.promo-code-field{color:#c9eaff;gap:7px;margin-top:7px;font-size:14px;display:grid}.promo-code-toggle{color:#c9eaff;text-align:left;text-underline-offset:3px;background:0 0;justify-self:start;min-height:44px;padding:0;font-size:14px;text-decoration:underline}.promo-code-toggle.is-open{text-decoration:none}.promo-code-field input{color:#f4f8ff;width:100%;min-height:44px;font:inherit;background:#070a14b8;border:1px solid #25f0e657;border-radius:12px;outline:0;padding:10px 12px}.promo-code-row{grid-template-columns:minmax(0,1fr) auto;gap:10px;display:grid}.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{white-space:normal;overflow-wrap:anywhere;width:100%;min-width:0;margin-top:10px}.downloads{gap:16px;min-width:0;margin-top:32px;display:grid}.result-actions{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;display:grid}.result-actions>*{min-width:0}.result-actions>:only-child{grid-column:1/-1}.result-actions a.primary:hover{color:#fff}.result-primary-download{gap:7px;display:grid}.result-primary-download>span{color:var(--text-muted);text-align:center;font-size:13px;line-height:1.45}.result-mixer{background:#0c101ee6;border:1px solid #788cc833;border-radius:18px;min-width:0;padding:20px;overflow:hidden}.result-mixer-title{color:#e8ecf7;font-size:20px;font-weight:600}.result-mixer-description{color:var(--text-muted);margin:6px 0 20px;line-height:1.5}.result-mixer .demo-midi-toggle{margin-bottom:0}.result-midi-files{background:linear-gradient(135deg,#0d293399,#120f2bb8);border:1px solid #25f0e647;border-radius:14px;margin-top:14px;overflow:hidden;box-shadow:inset 0 1px #ffffff09}.result-midi-files summary{color:#e8ecf7;cursor:pointer;justify-content:space-between;align-items:center;gap:12px;min-height:50px;padding:12px 16px;font-weight:600;list-style:none;display:flex}.result-midi-files summary::-webkit-details-marker{display:none}.result-midi-files summary:after{content:"";border-right:3px solid var(--cyan-strong);border-bottom:3px solid var(--cyan-strong);flex:none;width:10px;height:10px;margin:-4px 4px 0 0;transition:transform .16s;transform:rotate(45deg)}.result-midi-files[open] summary:after{margin-top:4px;transform:rotate(225deg)}.result-midi-files__list{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:8px;margin:0;padding:0 14px 14px;list-style:none;display:grid}.result-midi-files__item{background:#143e488c;border:1px solid #30dedd6b;border-radius:12px;justify-content:space-between;align-items:center;gap:10px;min-width:0;min-height:48px;padding:7px 8px 7px 14px;display:flex}.result-midi-files__item>span{overflow-wrap:anywhere;min-width:0}.result-midi-files__item .demo-file-action{flex:none}@media (min-width:900px){.result-midi-files:not([open])>.result-midi-files__list{display:grid}.result-midi-files summary{cursor:default;pointer-events:none}.result-midi-files summary:after{display:none}}.result-details{background:#0c101ee6;border:1px solid #788cc833;border-radius:18px;gap:12px;min-width:0;padding:16px;display:grid}.result-title{color:#e8ecf7;overflow-wrap:anywhere;word-break:break-word;min-width:0;padding-bottom:4px;font-size:18px;font-weight:600}.result-grid{gap:12px;min-width:0;display:grid}.result-melody-file{background:linear-gradient(120deg,#4169e124,#b842ff1f);border:1px solid #788cc847;border-radius:14px;justify-content:space-between;align-items:center;gap:14px;min-width:0;padding:12px 12px 12px 15px;display:flex}.result-melody-file>div{gap:3px;min-width:0;display:grid}.result-melody-file strong{color:#e8ecf7;font-weight:400}.result-melody-file span{color:var(--text-muted);font-size:13px;line-height:1.35}.result-item{background:#070a14a6;border-radius:12px;gap:12px;min-width:0;padding:12px 14px;display:grid}.result-name{color:#e8ecf7;word-break:break-word;align-items:center;font-size:15px;display:flex}.result-track-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;display:grid}.result-track-grid.single{grid-template-columns:minmax(0,1fr)}.result-cell{gap:6px;display:grid}.result-cell-title{color:var(--text-muted);letter-spacing:.08em;font-size:11px}.result-cell-body{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.icon-button{border-radius:999px;padding:6px 10px;font-size:14px}.mini-player{background:#080c18b3;border-radius:999px;max-width:240px;height:34px}.result-empty{color:var(--text-muted);font-size:14px}.audio{border:0;width:-moz-fit-content;width:fit-content;padding:0;font-size:30px;transition:filter .3s}.audio:hover{filter:saturate(1.3)contrast(1.2)brightness(.9)}.links{gap:8px;display:grid}.links a{color:#e8ecf7;background:#0c101ee6;border:1px solid #788cc840}.cleaned{color:var(--cyan);font-weight:600}.saved-results{background:var(--panel-soft);border:1px solid var(--panel-border);box-shadow:0 20px 45px var(--shadow);border-radius:22px;gap:16px;margin-top:28px;padding:24px;display:grid}.saved-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.saved-title{color:#e8ecf7;overflow-wrap:anywhere;font-size:24px;font-weight:700}.saved-meta,.saved-empty{color:var(--text-muted);font-size:14px}.saved-empty{margin:0}.saved-legacy-warning{background:#37230c6b;border:1px solid #ffbe6459;border-radius:16px;gap:12px;padding:18px;display:grid}.saved-legacy-warning strong{color:#ffe0aa;font-size:17px}.saved-legacy-warning p{color:var(--text-muted);margin:0;line-height:1.5}.saved-legacy-warning p strong{color:#ffe0aa;font-size:inherit}.saved-legacy-actions{gap:10px;display:grid}.saved-legacy-actions>*,.saved-open-folder{width:100%}.saved-status-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.saved-list{gap:10px;display:grid}.saved-list-item{color:#e8ecf7;text-align:left;cursor:pointer;background:#070a14a6;border:1px solid #788cc838;border-radius:14px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;width:100%;padding:14px 16px;transition:border-color .2s,background .2s;display:grid}.saved-list-item:hover{background:#0b101fd1;border-color:#41b8ff6b}.saved-list-copy{gap:4px;min-width:0;display:grid}.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{color:#dce7ff;background:#788cc814;border:1px solid #788cc83d;border-radius:999px;justify-content:center;align-items:center;width:42px;height:42px;display:inline-flex}.saved-state-icon svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:23px;height:23px}.saved-state-icon.queued,.saved-state-icon.active{color:#c9eaff;background:#41b8ff1a;border-color:#41b8ff61}.saved-state-icon.saving{color:#e1c9ff;background:#b478ff1a;border-color:#b478ff66}.saved-state-icon.saved{color:#bffaf6;background:#25f0e617;border-color:#25f0e65c}.saved-state-icon.legacy{color:#ffe0aa;background:#ffbe641a;border-color:#ffbe647a}.saved-state-icon.error,.saved-state-icon.expired,.saved-state-icon.unavailable{color:#ffb7b0;background:#ff827817;border-color:#ff827873}.saved-badge{color:#dce7ff;border:1px solid #788cc83d;border-radius:999px;flex:none;justify-self:start;padding:7px 10px;font-size:12px}.saved-badge.saved{color:#bffaf6;border-color:#25f0e652}.saved-badge.active,.saved-badge.queued{color:#c9eaff;border-color:#41b8ff52}.saved-badge.saving{color:#e1c9ff;border-color:#b478ff66}.saved-badge.legacy{color:#ffe0aa;border-color:#ffbe647a}.saved-badge.error,.saved-badge.expired,.saved-badge.unavailable{color:#ffb7b0;border-color:#ff827873}.footer{color:var(--text-muted);flex-wrap:wrap;align-items:flex-start;gap:8px;margin-top:auto;padding-top:40px;font-size:14px;display:flex}.footer-primary-links{flex-wrap:wrap;flex:1 0 100%;gap:18px;line-height:1.6;display:flex}.footer-link{color:var(--cyan-strong);cursor:pointer;background:0 0;border:none;padding:0;font-size:14px;text-decoration:underline;transition:color .3s}.footer-link:hover{color:var(--magenta)}.footer-credit,.footer-requisites,.seller-details{color:#e8ecf7;flex:1 0 100%;font-size:14px;line-height:1.6}.footer-requisites{color:var(--text-muted);font-size:13px;line-height:1.4}.footer-credit .footer-link{color:inherit}.footer-credit .footer-link:hover{color:var(--magenta)}.seller-details{padding-top:4px}a{color:var(--cyan-strong);overflow-wrap:anywhere;text-decoration:none;transition:color .2s}a:hover{color:var(--magenta)}a.primary:hover{color:#fff}a.ghost-action:hover{color:#e8ecf7}.payment-info{gap:20px;margin-top:24px;display:grid}.payment-info-intro,.payment-info-section{border:1px solid var(--panel-border);box-shadow:0 20px 45px var(--shadow);background:linear-gradient(145deg,#0e1223f2,#0a0c18e6);border-radius:24px;padding:28px}.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:max(28px,min(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{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:22px;display:grid}.tariff-card{background:#070a148c;border:1px solid #788cc838;border-radius:18px;padding:20px}.tariff-card-wide{grid-column:1/-1}.tariff-card-accent{border-color:#25f0e659}.tariff-heading{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:16px;display:flex}.tariff-heading strong{color:var(--cyan);flex:none;font-size:24px}.tariff-card ul,.payment-info-list{margin-bottom:0;padding-left:20px}.legal-kicker{color:var(--cyan);letter-spacing:.05em;text-transform:uppercase;margin-bottom:8px;font-size:13px}.legal-copy ul{color:var(--text-muted);padding-left:22px;line-height:1.6}.legal-copy h4{margin-top:22px}.legal-toc{flex-wrap:wrap;gap:10px;margin-top:18px;display:flex}.legal-toc a{border:1px solid var(--panel-border);color:var(--cyan-strong);border-radius:999px;padding:7px 13px;font-size:13px;text-decoration:none;transition:border-color .2s,color .2s}.legal-toc a:hover{color:var(--magenta);border-color:#00abd6ad}.legal-back{margin-top:22px}.payment-result{max-width:720px;margin-left:auto;margin-right:auto}.payment-result-card{text-align:center;justify-items:center;display:grid}.payment-result-icon{width:64px;height:64px;color:var(--cyan);background:#0a222cb8;border:1px solid #25f0e666;border-radius:50%;place-items:center;margin-bottom:18px;font-size:36px;line-height:1;display:grid}.payment-result-card .ghost-action{margin-top:8px}.payment-app-return{width:100%;margin-top:8px}.payment-details{margin-bottom:0}.payment-details>div{border-bottom:1px solid #788cc829;grid-template-columns:minmax(140px,.35fr) minmax(0,1fr);gap:16px;padding:12px 0;display:grid}.payment-details>div:first-child{padding-top:0}.payment-details>div:last-child{border-bottom:0;padding-bottom:0}.payment-details dd{overflow-wrap:anywhere;margin-bottom:0;margin-left:0}@media (max-width:640px){:root{--page-header-gap:24px}.header h1{font-size:max(42px,min(10vw,56px))}.header .description{font-size:20px}.dropzone{gap:12px;padding:12px}.upload-hint{margin-top:0}.payment-offer{padding:14px}.dropzone--filled{box-shadow:none;text-align:left;background:0 0;border:0;border-radius:0;padding:0}.advanced-panel{background:0 0;border:0;gap:12px;padding:0}.mode-picker,.mode-options{grid-template-columns:1fr}.mode-picker{box-shadow:none;background:0 0;border-radius:0;padding:0}.file-card-main .file-name{color:#e8ecf7;font-weight:400}.file-card-reset{display:inline-flex}.advanced-toggle{background:linear-gradient(120deg,#4169e138,#b842ff29);border:1px solid #788cc859;border-radius:16px;justify-content:space-between;align-items:center;gap:12px;width:100%;min-height:60px;padding:12px 16px;display:flex}.advanced-panel:not(.is-open) .advanced-body{display:none}.dropzone-dock{z-index:30;max-width:900px;padding:12px var(--page-inset) calc(12px + env(safe-area-inset-bottom,0px));-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#13192efa;border-top:1px solid #96afeb8c;border-radius:20px 20px 0 0;gap:10px;margin:0 auto;display:grid;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -1px #ffffff12,0 -10px 24px #03050cb3,0 -28px 60px #03050cd9}.dropzone-dock .process-disabled-note{margin-top:0}.dropzone-actions-bottom{justify-content:center;width:100%}.dropzone-actions-bottom .primary{max-width:none}.desktop-reset-action{display:none}.status-line{flex-direction:column;gap:6px}.result-actions{grid-template-columns:1fr}.saved-toolbar{flex-direction:column;align-items:stretch}.saved-list-item{align-items:center}.saved-badge{width:-moz-fit-content;width:fit-content}.result-track-grid{grid-template-columns:1fr}.payment-info-intro,.payment-info-section{background:unset;box-shadow:none;border:0;padding:0}.payment-info h3{margin-top:36px;margin-bottom:36px}.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{padding:24px 0 0}.seo-header h1{margin-bottom:0}.header .seo-home-link{color:inherit;border-bottom:0;text-decoration:none;transition:text-shadow .3s}.header .seo-home-link:hover{color:inherit;text-shadow:0 10px 25px #2fd4ff59,0 0 30px #9b3bff59;border-bottom-color:#0000}.seo-hero{min-height:520px;padding:var(--page-header-gap) 0 90px;grid-template-columns:minmax(0,1.4fr) minmax(280px,.6fr);align-items:center;gap:64px;display:grid}.seo-eyebrow{color:var(--cyan);letter-spacing:.14em;text-transform:uppercase;margin:0 0 12px;font-size:12px;font-weight:600}.seo-hero h1{text-wrap:balance;max-width:820px;margin:0;font-family:Russo One,sans-serif;font-size:max(42px,min(6vw,76px));font-weight:400;line-height:1.02}.seo-lead{color:#c4cce0;max-width:760px;margin:24px 0 0;font-size:max(18px,min(2vw,22px));line-height:1.55}.seo-hero-actions{align-items:center;gap:20px;margin-top:34px;display:flex}.seo-hero-visual{gap:14px;display:grid;transform:rotate(-4deg)}.seo-wave{letter-spacing:.05em;border:1px solid #ffffff24;border-radius:18px;align-items:center;min-height:78px;padding:0 22px;font-family:Russo One,sans-serif;display:flex;box-shadow:0 24px 70px #00000047}.seo-wave:after{content:"";opacity:.55;background:repeating-linear-gradient(90deg,currentColor 0 2px,#0000 2px 7px);width:58%;height:32px;margin-left:auto;-webkit-mask-image:linear-gradient(#0000,#000 22% 78%,#0000);mask-image:linear-gradient(#0000,#000 22% 78%,#0000)}.seo-wave--vocals{color:#d6adff;background:#9b3bff2e}.seo-wave--music{color:var(--cyan);background:#25f0e624;margin-left:28px}.seo-wave--midi{color:#9eb7ff;background:#4c7dff2e;margin-left:6px}.seo-feature-grid{grid-template-columns:repeat(3,1fr);gap:18px;padding:16px 0 90px;display:grid}.seo-feature-grid article,.seo-how,.seo-faq,.seo-related,.seo-final-cta,.seo-screenshots,.demo-song{border:1px solid var(--panel-border);background:#0d101fd1;box-shadow:0 24px 70px #0000002e}.seo-feature-grid article{border-radius:22px;min-height:290px;padding:30px}.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,.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{color:var(--text-muted);line-height:1.65}.seo-how,.seo-faq,.seo-related,.seo-screenshots{border-radius:24px;margin-bottom:28px;padding:42px}.seo-how h2,.seo-faq h2,.seo-related h2,.seo-screenshots h2{margin-top:0;font-size:max(28px,min(4vw,42px))}.seo-screenshot-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:28px;display:grid}.seo-screenshot-grid figure{min-width:0;margin:0}.seo-screenshot-grid img{background:#101923;border:1px solid #788cc838;border-radius:18px;width:100%;height:auto;display:block}.seo-screenshot-grid figcaption{color:var(--text-muted);margin-top:10px;font-size:13px;line-height:1.45}.seo-how ol{counter-reset:steps;grid-template-columns:repeat(3,1fr);gap:32px;margin:34px 0 0;padding:0;list-style:none;display:grid}.seo-how li{counter-increment:steps;gap:8px;display:grid}.seo-how li:before{color:var(--cyan);content:"0" counter(steps);font-family:Russo One,sans-serif}.seo-faq>div{gap:10px;margin-top:28px;display:grid}.seo-faq details{border-bottom:1px solid var(--panel-border);padding:20px 0}.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{grid-template-columns:repeat(2,1fr);gap:12px;margin-top:28px;display:grid}.seo-related-grid a{color:var(--cyan-strong);background:#ffffff09;border:1px solid #0000;border-radius:16px;gap:8px;padding:20px;text-decoration:none;display:grid}.seo-related-grid a:hover{color:var(--magenta);background:#00abd614;border-color:#00abd657}.seo-related-grid span{font-size:13px}.seo-final-cta{text-align:center;background:radial-gradient(circle at 80% 0,#9b3bff3b,#0000 45%),#0d101fe6;border-radius:26px;margin:72px 0;padding:54px}.seo-final-cta h2{margin-top:0;font-size:max(30px,min(5vw,48px))}.seo-final-cta p{max-width:660px;margin:0 auto 28px}.examples-intro{padding:var(--page-header-gap) 0 34px}.examples-intro h1{text-wrap:balance;max-width:760px;margin:0;font-family:Russo One,sans-serif;font-size:max(36px,min(4.8vw,48px));font-weight:400;line-height:1.06}.examples-intro .seo-lead{max-width:700px;margin-top:18px;font-size:18px}.examples-song-nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;max-width:640px;margin-top:24px;display:grid}.examples-song-nav a{color:var(--cyan-strong);background:#00abd612;border:1px solid #00abd657;border-radius:14px;gap:3px;padding:14px 18px;text-decoration:none;transition:border-color .18s,background .18s;display:grid}.examples-song-nav a:hover{background:#00abd61f;border-color:#00abd6ad}.examples-song-nav strong{color:var(--cyan-strong)}.examples-song-nav a:hover strong{color:var(--magenta)}.examples-song-nav span{color:var(--text-muted);font-size:13px}.examples-hero{min-height:460px}.examples-summary{border:1px solid var(--panel-border);background:#0d101fd6;border-radius:24px;grid-template-columns:repeat(2,1fr);gap:10px;padding:28px;display:grid;transform:rotate(2deg)}.examples-summary strong{color:var(--cyan);grid-column:1/-1;margin-bottom:8px;font-family:Russo One,sans-serif;font-size:26px}.examples-summary span{color:#cdd5e8;background:#ffffff0b;border-radius:12px;padding:13px;font-size:13px}.demo-song-list{gap:32px;display:grid}.demo-song{border-radius:26px;padding:34px;scroll-margin-top:24px;overflow:hidden}.demo-song-header{align-items:center;gap:20px;margin-bottom:28px;display:flex}.demo-cover{object-fit:cover;border-radius:18px;flex:0 0 96px;width:96px;height:96px;box-shadow:0 18px 38px #00000047}.demo-cover--placeholder{color:#fff;background:linear-gradient(135deg,#25f0e661,#0000),#5630ac;place-items:center;font-family:Russo One,sans-serif;font-size:30px;display:grid}.demo-song-header h2{margin:0;font-family:Russo One,sans-serif;font-size:max(30px,min(5vw,44px));font-weight:400}.demo-artist{color:var(--text-muted);margin:5px 0 0;font-size:18px}.demo-mode-picker,.demo-stems{border:0;flex-wrap:wrap;gap:10px;margin:0 0 18px;padding:0;display:flex}.demo-mode-picker legend,.demo-stems legend{width:100%;color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase;margin-bottom:8px;font-size:12px}.demo-mode-picker label,.demo-stems label,.demo-midi-toggle{position:relative}.demo-track-control{align-items:stretch;min-width:0;display:inline-flex}.demo-mode-tabs{background:#ffffff06;border:1px solid #788cc840;border-radius:14px;min-width:0;max-width:100%;padding:3px;display:inline-flex}.demo-midi-row .demo-midi-toggle{margin-bottom:0}.demo-midi-row{margin-bottom:18px}.demo-track-control label span{background:#070b16c7;border-radius:12px;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{background:#070b16c7;border-radius:0 12px 12px 0;margin-left:-1px}.demo-track-control.is-enabled label span,.demo-track-control.is-enabled .demo-file-action{background:#25f0e61a;border-color:#25f0e694}.demo-track-control.is-enabled label span{color:var(--cyan)}.demo-midi-row.is-featured label span,.demo-midi-row.is-featured .demo-file-action{background:linear-gradient(120deg,#4169e124,#b842ff1f)}.demo-midi-row.is-featured.is-enabled label span,.demo-midi-row.is-featured.is-enabled .demo-file-action{background:linear-gradient(120deg,#4169e147,#b842ff33)}.demo-track-control .demo-file-action:hover{background:#25f0e633;position:relative}.demo-file-action{width:42px;min-width:42px;height:42px;color:var(--cyan);cursor:pointer;background:#25f0e614;border:1px solid #25f0e657;border-radius:12px;place-items:center;padding:0;text-decoration:none;display:inline-grid}.demo-file-action svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:21px;height:21px}.demo-file-action:hover{color:#fff;background:#25f0e624;border-color:#25f0e6ad}.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{opacity:0;width:1px;height:1px;position:absolute}.demo-mode-picker span,.demo-stems span,.demo-midi-toggle span{color:#dce3f5;cursor:pointer;background:#ffffff09;border:1px solid #788cc840;border-radius:12px;align-items:center;min-height:42px;padding:0 15px;font-size:14px;display:inline-flex}.demo-mode-picker input:checked+span,.demo-stems input:checked+span,.demo-midi-toggle input:checked+span{color:var(--cyan);background:#25f0e61a;border-color:#25f0e68c}.demo-mode-picker input:focus-visible+span{outline:2px solid var(--cyan);outline-offset:2px}.demo-stems input:focus-visible+span{outline:2px solid var(--cyan);outline-offset:2px}.demo-midi-toggle input:focus-visible+span{outline:2px solid var(--cyan);outline-offset:2px}.demo-mode-tabs span{background:0 0;border-color:#0000;font-family:Russo One,sans-serif;font-weight:400;transition:background .2s,color .2s,filter .2s}.demo-mode-tabs input:checked+span{background:linear-gradient(120deg, var(--cyan-strong), var(--magenta));color:#fff;border-color:#0000;box-shadow:0 8px 18px #2fd4ff33}.demo-mode-tabs label:hover input:not(:checked)+span{color:#fff;background:#ffffff0e}.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{grid-template-columns:52px auto minmax(120px,1fr) auto;align-items:center;gap:13px;margin:24px 0 16px;display:grid}.demo-play{background:linear-gradient(135deg, var(--cyan), #37a5ff);color:#021116;cursor:pointer;border:0;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;padding:0;display:inline-flex;box-shadow:0 0 10px #37a5ff38}.demo-play:hover{box-shadow:0 0 16px #37a5ff66}.demo-play:focus-visible{outline-offset:3px;outline:2px solid #c6dcff}.demo-play svg{fill:currentColor;width:22px;height:22px}.demo-play__spinner{transform-origin:50%;animation:.9s linear infinite demo-play-spinner}.demo-play__spinner circle,.demo-play__spinner path{fill:none;stroke:currentColor;stroke-width:2.4px;stroke-linecap:round}@keyframes demo-play-spinner{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.demo-play__spinner{animation-duration:2.4s!important}}.demo-transport time{color:#c4cce0;font-variant-numeric:tabular-nums;min-width:38px}.demo-transport input[type=range]{width:100%;accent-color:var(--cyan)}.demo-midi-toggle{margin-bottom:22px;display:inline-flex}.demo-error{color:#ffb7c2;background:#ff415f14;border:1px solid #ff5f7859;border-radius:12px;padding:12px 15px}.demo-notation{border:1px solid var(--panel-border);background:#0407109e;border-radius:18px;min-width:0;margin-top:14px;overflow:hidden}.demo-notation>div:first-child{border-bottom:1px solid var(--panel-border);align-items:center;gap:14px;padding:18px 20px;display:flex}.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-strong);font-size:13px}.demo-notation a:hover{color:var(--magenta)}.demo-score-scroller{overscroll-behavior:contain;min-width:0;max-width:100%;height:340px;overflow:hidden auto}.demo-score{min-width:0;min-height:100%}.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(--purple)!important;stroke:var(--purple)!important}.demo-score-state{min-height:180px;color:var(--text-muted);place-items:center;display:grid}@media (max-width:900px){.seo-hero{padding-top:var(--page-header-gap);grid-template-columns:1fr;gap:46px}.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{flex-direction:column;align-items:flex-start}.footer-primary-links{align-items:flex-start}.seo-shell{padding:0 24px}.seo-hero{min-height:0;padding:var(--page-header-gap) 0 66px}.seo-hero>*{min-width:0}.seo-hero h1{-webkit-hyphens:manual;hyphens:manual;font-size:max(36px,min(10vw,44px))}.seo-hero-visual{width:100%;transform:none}.seo-wave--music,.seo-wave--midi{margin-left:0}.seo-hero-actions{flex-direction:column;align-items:stretch}.seo-feature-grid{padding-bottom:60px}.seo-feature-grid article,.seo-how,.seo-faq,.seo-related,.seo-screenshots,.demo-song{padding:24px}.examples-intro{padding:var(--page-header-gap) 0 24px}.examples-intro h1{font-size:max(30px,min(8.2vw,36px))}.examples-intro .seo-lead{margin-top:14px;font-size:16px;line-height:1.45}.examples-song-nav{gap:8px;margin-top:18px}.examples-song-nav a{padding:12px}.examples-song-nav strong{font-size:14px}.examples-song-nav span{font-size:12px}.demo-mode-tabs{grid-template-columns:repeat(2,minmax(0,1fr));width:100%;display:grid}.demo-mode-tabs label span{justify-content:center;width:100%}.seo-how ol,.seo-related-grid,.seo-screenshot-grid{grid-template-columns:1fr}.seo-final-cta{padding:38px 24px}.demo-cover{flex-basis:74px;width:74px;height:74px}.demo-transport{grid-template-columns:48px 1fr auto}.demo-transport input[type=range]{grid-area:2/1/auto/-1}.demo-transport time:first-of-type{margin-left:auto}.demo-notation>div:first-child{flex-wrap:wrap;align-items:flex-start}.demo-notation .seo-eyebrow{width:100%}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}.queue-priority-notice{z-index:55;right:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px));color:#e8ecf7;pointer-events:none;background:#0d101ff5;border:1px solid #25f0e66b;border-radius:14px;gap:4px;width:min(420px,100vw - 32px);padding:14px 16px;display:grid;position:fixed;box-shadow:0 18px 46px #04060e94}.queue-priority-notice strong{font-size:.95rem}.queue-priority-notice span{color:var(--text-muted);font-size:.88rem}@media (prefers-reduced-motion:no-preference){.queue-priority-notice{animation:.2s ease-out queue-priority-notice-in}}@keyframes queue-priority-notice-in{0%{opacity:0;transform:translateY(8px)}}.rate-prompt-backdrop{z-index:60;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#04060eb8;justify-content:center;align-items:flex-end;padding:16px;animation:.2s rate-prompt-fade;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.rate-prompt{border:1px solid var(--panel-border);background:var(--panel);width:min(420px,100%);box-shadow:0 24px 60px var(--shadow);border-radius:20px;padding:24px;animation:.25s rate-prompt-rise}.rate-prompt h2{margin:0 0 10px;font-family:Russo One,sans-serif;font-size:1.25rem;line-height:1.2}.rate-prompt p{color:var(--text-muted);margin:0 0 20px;line-height:1.45}.rate-prompt-actions{flex-direction:column;gap:10px;display:flex}.rate-prompt-actions .primary,.rate-prompt-actions .ghost-action{width:100%}.rate-prompt-decline{min-height:40px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;font-family:inherit;font-size:.92rem}.rate-prompt-decline:hover{color:#e8ecf7}.rate-prompt-decline:focus-visible{outline:2px solid var(--cyan);outline-offset:3px;border-radius:8px}@keyframes rate-prompt-fade{0%{opacity:0}to{opacity:1}}@keyframes rate-prompt-rise{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@media (min-width:640px){.rate-prompt-backdrop{align-items:center}}.appbar{z-index:20;min-height:56px;margin:-24px calc(-1 * var(--page-inset)) 16px;padding:6px var(--page-inset);padding-top:calc(6px + env(safe-area-inset-top,0px));border-bottom:1px solid var(--panel-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#090c18eb;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;gap:8px;display:grid;position:sticky;top:0}.appbar-back,.appbar-action{color:#e8ecf7;cursor:pointer;background:#ffffff0a;border:1px solid #788cc838;border-radius:999px;justify-content:center;align-items:center;width:44px;height:44px;padding:0;display:inline-flex}.appbar-action{color:#ffb7b0;background:#230c1480;border-color:#ff827866}.appbar-back:hover{border-color:#41b8ff80}.appbar-action:hover{color:#ffd2ce;border-color:#ff8278b8}.appbar-back svg,.appbar-action svg{fill:none;stroke:currentColor;stroke-width:1.9px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px}.appbar-action-placeholder{width:44px;height:44px}.appbar-title{color:#e8ecf7;text-align:center;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:17px;font-weight:600;overflow:hidden}.page--inner .saved-results{box-shadow:none;background:0 0;border:0;margin-top:0;padding:0}.sheet-root{z-index:60;justify-content:center;align-items:flex-end;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.sheet-backdrop{background:#03050c9e;position:absolute;top:0;bottom:0;left:0;right:0}.sheet-panel{border:1px solid var(--panel-border);width:min(560px,100%);max-height:82vh;padding-bottom:env(safe-area-inset-bottom,0px);background:#0d1120;border-bottom:0;border-radius:22px 22px 0 0;flex-direction:column;animation:.22s sheet-rise;display:flex;position:relative;box-shadow:0 -20px 50px #03050cb3}@keyframes sheet-rise{0%{transform:translateY(100%)}to{transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.sheet-panel{animation:none}}.sheet-grip{cursor:grab;touch-action:none;justify-content:center;padding:10px 0 4px;display:flex}.sheet-grip-bar{background:#c8d6f559;border-radius:999px;width:44px;height:4px}.sheet-head{padding:2px var(--page-inset) 10px;color:#e8ecf7;justify-content:space-between;align-items:center;gap:12px;font-size:17px;display:flex}.sheet-close{color:#cfd8ee;cursor:pointer;background:#ffffff0d;border:0;border-radius:999px;width:40px;height:40px;padding:0;font-size:24px;line-height:1}.sheet-body{padding:4px var(--page-inset) 18px;overflow-y:auto}.sheet-body .demo-mode-picker legend{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.sheet-body .demo-mode-picker:last-child,.sheet-body .demo-stems:last-child,.sheet-body .demo-midi-row:last-child{margin-bottom:0}.result-mixer--sticky{background:0 0;border:0;padding:0;overflow:visible}.player-dock{gap:10px;display:grid}.player-dock .demo-mode-picker,.player-dock .demo-stems,.player-dock .demo-midi-row{margin:0}.player-dock .demo-mode-picker legend,.player-dock .demo-stems legend{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.player-dock .demo-mode-tabs{grid-auto-columns:1fr;grid-auto-flow:column;width:100%;display:grid}.player-dock .demo-mode-tabs span{justify-content:center;width:100%;padding:0 10px}.player-dock .demo-stems{min-width:0;scrollbar-width:none;flex-wrap:nowrap;gap:8px;min-inline-size:0;padding-bottom:2px;display:flex;overflow-x:auto}.player-dock .demo-stems::-webkit-scrollbar{display:none}.player-dock .demo-track-control{flex:none}.player-dock-extras{min-width:0;scrollbar-width:none;flex-wrap:nowrap;align-items:center;gap:8px;min-inline-size:0;padding-bottom:2px;display:flex;overflow-x:auto}.player-dock-extras::-webkit-scrollbar{display:none}.player-dock-extras .demo-midi-row{flex:none}.player-files-toggle{color:#cfeef2;cursor:pointer;background:#143e488c;border:1px solid #30dedd6b;border-radius:12px;flex:none;align-items:center;gap:8px;min-height:42px;margin-left:auto;padding:0 12px;font-size:14px;display:inline-flex}.player-files-toggle:hover{color:#fff;border-color:#30deddcc}.player-files-arrow{border-right:2px solid var(--cyan-strong);border-bottom:2px solid var(--cyan-strong);flex:none;width:8px;height:8px;margin-top:-3px;transform:rotate(-135deg)}.player-dock .demo-transport{grid-template:auto/52px auto minmax(0,1fr);align-items:center;gap:10px;margin:0}.player-dock .demo-transport time:last-of-type{display:none}.player-dock .demo-transport time{min-width:34px;font-size:13px}.player-dock .demo-transport input[type=range]{grid-area:auto}.player-dock .demo-transport time:first-of-type{margin-left:0}.saved-results--detail{gap:12px}.saved-detail-meta{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:10px;font-size:13px;display:flex}.saved-secondary-actions{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;display:grid}.saved-list-row{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;display:grid}.saved-list-item{grid-template-columns:auto minmax(0,1fr);padding:10px 12px}.saved-list-copy{gap:2px}.saved-list-copy strong,.saved-list-copy small{overflow-wrap:normal;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.saved-list-copy strong{font-size:15px}.saved-list-copy small{font-size:12.5px}.saved-state-icon,.saved-badge{margin:0}.saved-state-icon{width:34px;height:34px}.saved-state-icon svg{width:19px;height:19px}.saved-row-delete{color:#ffb7b0;cursor:pointer;background:#230c1466;border:1px solid #ff827852;border-radius:14px;flex:none;justify-content:center;align-items:center;width:44px;height:44px;padding:0;display:inline-flex}.saved-row-delete:hover{color:#ffd2ce;border-color:#ff8278b8}.saved-row-delete svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}@media (max-width:640px){:root{--page-inset:16px}.page{padding-bottom:12px}.saved-results{padding:var(--page-inset)}.player-dock{z-index:30;max-width:900px;padding:12px var(--page-inset) calc(12px + env(safe-area-inset-bottom,0px));-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#13192efa;border-top:1px solid #96afeb8c;border-radius:20px 20px 0 0;max-height:70vh;margin:0 auto;position:fixed;bottom:0;left:0;right:0;overflow:hidden auto;box-shadow:0 -1px #ffffff12,0 -10px 24px #03050cb3,0 -28px 60px #03050cd9}.page--docked{padding-bottom:calc(var(--player-dock-height,0px) + 16px)}.status--done{display:none}}.consent-banner{z-index:56;right:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px));border:1px solid var(--panel-border);width:min(420px,100vw - 32px);box-shadow:0 18px 46px var(--shadow);color:#e8ecf7;background:#0d101ff5;border-radius:18px;gap:14px;padding:18px;display:grid;position:fixed}.consent-banner-text{color:var(--text-muted);margin:0;font-size:.92rem;line-height:1.45}.consent-banner-button{cursor:pointer;width:100%}.sheet-body .consent-banner-text{margin-bottom:14px}.sheet-panel-plain .sheet-body{padding-top:var(--page-inset)}.sheet-root-passive{pointer-events:none}.sheet-root-passive .sheet-panel{pointer-events:auto}.pitch-row{padding:0;display:block}.pitch-stepper{border:1px solid var(--panel-border);background:#ffffff0a;border-radius:14px;justify-content:space-between;align-items:center;gap:6px;padding:4px;display:flex}.pitch-stepper button{color:#fff;cursor:pointer;background:#8256da24;border:1px solid #a587f5a6;border-radius:11px;justify-content:center;align-items:center;width:72px;height:46px;padding:0;font-size:21px;line-height:1;display:flex;box-shadow:0 0 8px #8256da1f}.pitch-stepper button:hover:not(:disabled){background:#8256da40;border-color:#bea4fff2;box-shadow:0 0 12px #8256da4d}.pitch-stepper button:focus-visible{outline-offset:3px;outline:2px solid #c6dcff}.pitch-stepper button:disabled{opacity:.25;box-shadow:none;cursor:default}.pitch-value{text-align:center;font-variant-numeric:tabular-nums;min-width:56px;font-size:19px;font-weight:600}.pitch-note{color:var(--text-muted);font-size:12.5px}@media (max-width:640px){.pitch-value{flex:1;font-size:20px}}