@font-face{font-family:'Poppins';src:url("/assets/fonts/Poppins-Regular.woff2") format("woff2");font-weight:400;font-style:normal}@font-face{font-family:'Poppins';src:url("/assets/fonts/Poppins-Bold.woff2") format("woff2");font-weight:700;font-style:normal}@font-face{font-family:'Poppins';src:url("/assets/fonts/Poppins-Italic.woff2") format("woff2");font-weight:400;font-style:italic}@font-face{font-family:'Poppins';src:url("/assets/fonts/Poppins-BoldItalic.woff2") format("woff2");font-weight:700;font-style:italic}*{margin:0;padding:0;box-sizing:border-box}.hidden-anchor{display:block;height:0;visibility:hidden}:root .supreme-zip-link{color:#047857}:root .supreme-zip-link:hover{color:#047857;text-decoration:none}:root body a:not(.navbar-links a):not(.footer-container a):not(.supreme-zip-link):not(.blog-highlight a):not(.news-ticker a){color:#0000EE}:root body a:not(.navbar-links a):not(.footer-container a):visited{color:#551A8B}:root body{background-color:#f5f5f5;color:#333}:root h1{color:#333}:root .brand-heading{color:#333}:root h2{color:#444}:root .wizard-container{background-color:#e0e0e0;color:#333}:root .cta-legend{color:#333}:root #membership-status{color:white}:root .modal-content{background-color:white}:root .output-link-container{background-color:#f0f0f0;color:#333}:root .progress-container{background-color:#ddd}:root .card{background:#fff}:root #demo-app h2.card-title{color:black}:root .share-text{color:#333}:root #main-content ul li::marker,:root #main-content ol li::marker{color:#333}:root .popup-overlay{background:rgba(0,0,0,0.75)}:root .popup-close-button{color:black}:root .popup-banner-shown{background:#ffffff;color:black}:root .popup-close-button:hover{color:red;background:white}:root .admonition.tip{background:#f0f9ff;border-color:#209cee;color:#333}:root .admonition-title{color:#333}:root pre,:root code{background-color:#f0f0f0;color:#333;font-family:'JetBrains Mono', monospace;font-size:1rem;border-radius:8px}:root pre{padding:1rem;overflow-x:auto}:root code{padding:0.2rem 0.4rem}:root #mobile-warning-container{background-color:#e0e0e0;color:#333}:root .error-message{color:#cc0000;font-weight:600;margin-top:0.5rem}:root .hero-cta-button{background-color:#ebc600;color:#000 !important}:root .hero-cta-button:hover{background-color:#d8b600;color:#000 !important;transform:scale(1.02)}:root .drop-zone .drop-hint{color:#333}:root .simple-col{background:#fafafa}[data-theme="dark"] .supreme-zip-link{color:#4ade80}[data-theme="dark"] .supreme-zip-link:hover{color:#4ade80;text-decoration:none}[data-theme="dark"] body a:not(.navbar-links a):not(.footer-container a):not(.supreme-zip-link):not(.blog-highlight a):not(.hero-cta-button a):not(.news-ticker a){color:#87CEEB}[data-theme="dark"] body a:not(.navbar-links a):not(.footer-container a):visited{color:#9370DB}[data-theme="dark"] body{background-color:#121212;color:#e0e0e0}[data-theme="dark"] h1{color:#ffffff}[data-theme="dark"] h2{color:#cccccc}[data-theme="dark"] .brand-heading{color:#ffffff}[data-theme="dark"] .wizard-container{background-color:#4c4c4c;color:#e0e0e0}[data-theme="dark"] .cta-legend{color:#e0e0e0}[data-theme="dark"] #membership-status{color:black}[data-theme="dark"] .modal-content{background-color:#292929}[data-theme="dark"] .output-link-container{background-color:#333;color:#f0f0f0}[data-theme="dark"] .progress-container{background-color:#4c4c4c}[data-theme="dark"] .card{background:#666}[data-theme="dark"] #demo-app h2.card-title{color:white}[data-theme="dark"] .share-text{color:#f5f5f5}[data-theme="dark"] #main-content ul li::marker,[data-theme="dark"] #main-content ol li::marker{color:#f5f5f5}[data-theme="dark"] .popup-overlay{background:rgba(255,255,255,0.75)}[data-theme="dark"] .popup-close-button{color:white}[data-theme="dark"] .popup-banner-shown{background:black;color:white}[data-theme="dark"] .popup-close-button:hover{color:red;background:black}[data-theme="dark"] .admonition.tip{background:#1f2b38;border-color:#209cee;color:#ddd}[data-theme="dark"] .admonition-title{color:#ddd}[data-theme="dark"] pre,[data-theme="dark"] code{background-color:#333;color:#f0f0f0;font-family:'JetBrains Mono', monospace;font-size:1rem;border-radius:8px}[data-theme="dark"] pre{padding:1rem}[data-theme="dark"] code{padding:0.2rem 0.4rem}[data-theme="dark"] #mobile-warning-container{background-color:#4c4c4c;color:#f0f0f0}[data-theme="dark"] .error-message{color:#ff7878;font-weight:600;margin-top:0.5rem}[data-theme="dark"] .hero-cta-button{background-color:#ffd700;color:#000 !important;text-decoration:none}[data-theme="dark"] .hero-cta-button:hover{background-color:#ffc300;color:#000 !important;transform:scale(1.02)}[data-theme="dark"] .drop-zone .drop-hint{color:#f0f0f0}[data-theme="dark"] .simple-col{background:#333}@keyframes shake{0%{transform:translateX(0)}20%{transform:translateX(-4px)}40%{transform:translateX(4px)}60%{transform:translateX(-4px)}80%{transform:translateX(4px)}100%{transform:translateX(0)}}.shake{animation:shake 0.4s ease-in-out}.supreme-zip-link{font-weight:bold;display:block;margin-bottom:2px}img.responsive-img-android{width:100%}.responsive-img-android-portrait{width:25%}html{scroll-behavior:smooth}section{display:flex;justify-content:center;padding:20px;text-align:left;scroll-snap-align:start;flex-direction:column}body{font-family:'Poppins', sans-serif;overflow-x:hidden;scroll-snap-type:y mandatory;background-color:var(--color-bg-primary, #F5F5F5);color:var(--color-text-primary, #111827);margin:0;padding:0;min-height:100vh;display:flex;flex-direction:column;line-height:1.6;font-size:16px}[data-theme="dark"] body{background:linear-gradient(135deg, #0a0a0a 0%, #1a1a1a 100%)}[data-theme="light"] body{background:linear-gradient(135deg, #fff 0%, #f8f9fa 100%)}.main-container{max-width:1200px;margin:0 auto;padding-left:50px}.container{max-width:1200px;margin:0 auto;padding:2rem 50px}#main-content{padding-top:1rem;padding-bottom:1rem}#main-content h1:first-child{display:none}#main-content h2{color:var(--color-text-primary);margin-top:2.5rem;margin-bottom:1.5rem;font-size:1.8rem;font-weight:600}#main-content h3{color:var(--color-text-primary);margin-top:2rem;margin-bottom:1rem;font-weight:600}#main-content p{color:var(--color-text-secondary);line-height:1.8;margin-bottom:1.2rem}#main-content a{color:var(--color-brand-primary);text-decoration:none;transition:opacity 0.2s ease}#main-content a:hover{opacity:0.8;text-decoration:underline}#main-content ul,#main-content ol{color:var(--color-text-secondary);line-height:1.8;margin-bottom:1.5rem;padding-left:1.5rem}#main-content li{margin-bottom:0.5rem}#main-content strong{color:var(--color-text-primary);font-weight:600}.content-section{padding:4rem 0;background:var(--color-bg-primary)}.content-section:nth-of-type(even){background:var(--color-bg-secondary)}.blog-index{display:grid;gap:2rem}.blog-post-item{background:var(--color-bg-primary);padding:1.5rem;border-radius:var(--radius-md);border:1px solid var(--color-border);transition:transform 0.2s ease, box-shadow 0.2s ease}.blog-post-item:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.post-meta{color:var(--color-text-muted);font-size:0.9rem;margin-bottom:0.5rem}h1{font-size:3em;font-weight:600;display:block;line-height:1.2em;margin-bottom:15px}h2{font-size:2em;font-weight:600;display:inline-block;line-height:1.2em;margin-bottom:15px}h3{font-size:1.4em;font-weight:525}h4{font-size:1.25em;font-weight:525}p{font-size:0.75em;margin-bottom:20px}section.title-section{display:flex;justify-content:flex-start;align-items:flex-start;padding-left:5%;padding-top:5%;padding-bottom:5%;min-height:5vh;text-align:left;margin-bottom:0rem}section.title-section h1{margin-bottom:0.5rem}section.title-section h2{margin-top:0;margin-bottom:1rem}.brand-heading{font-size:3rem;font-weight:700;margin-bottom:0.5em}section.title-section h4{margin-top:0;margin-bottom:3rem}a.title-link{text-decoration:none;color:inherit}a.title-link:hover{text-decoration:none}img.title-img{display:flex;justify-content:flex-end;align-items:flex-end;max-width:50%}section.info-section{display:flex;justify-content:flex-start;align-items:flex-start;min-height:0vh;text-align:left}#posts-container{margin-top:-20px}div.clouds{margin-bottom:20px}section.featured-badges{display:flex;flex-wrap:wrap;justify-content:center;gap:15px;align-items:center}section.featured-section h3{margin-bottom:20px;text-align:left}section.featured-section a{display:inline-block;margin:0px;vertical-align:middle}input[type="file"],button{padding:15px 30px;font-size:1.1em;border:none;border-radius:5px;background-color:#0077cc;color:white;cursor:pointer}button:hover,input[type="file"]:hover{background-color:#005fa3}button{background-color:#0077cc;color:white;border:none;border-radius:5px;padding:10px 20px;font-size:1em;cursor:pointer}button:hover{background-color:#005fa3}.wizard-container{width:800px;height:500px;border-radius:10px;display:flex;flex-direction:column;position:relative;padding:2rem;box-sizing:border-box;justify-content:center;margin:0 auto}.wizard-step{flex-grow:1;padding-bottom:20px;overflow:auto}.error-message{margin-bottom:50px}.wizard-footer{display:flex;justify-content:space-between;align-items:center;gap:10px;position:absolute;bottom:20px;left:20px;width:calc(100% - 40px)}.cta-legend{font-size:14px;padding:10px;text-align:center;border-radius:5px;margin-top:10px}.cta-legend a{color:#0066ff;text-decoration:none;font-weight:bold}.cta-legend a:hover{text-decoration:underline}#selectedModelMessage{position:absolute;margin-top:auto;flex-shrink:0}.wizard-footer button{padding:10px 15px;background-color:#007bff;color:white;border:none;border-radius:5px;cursor:pointer}.wizard-footer button:hover{background-color:#0056b3}wizard-footer.button:disabled,button:disabled{background-color:#cccccc;color:#666666;cursor:not-allowed;opacity:0.5}wizard-footer.button:disabled:hover,button:disabled:hover{background-color:#cccccc;color:#666666}.top-right-container{position:absolute;top:20px;right:20px;display:flex;align-items:center;gap:10px;font-size:0.9em;z-index:100}.top-right-container .btn-small,.top-right-container button{background-color:#0077cc;color:white;padding:8px 15px;border:none;border-radius:5px;text-decoration:none;font-size:0.9em;cursor:pointer}.top-right-container .btn-small:hover,.top-right-container button:hover{background-color:#005fa3}input[type="checkbox"][disabled]+label,input[type="radio"][disabled]+label{cursor:not-allowed;color:grey;opacity:0.6}#membership-status{font-size:0.9em}.modal{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;justify-content:center;align-items:center}.modal-content{padding:20px;border-radius:10px;max-width:400px;width:100%}.modal-content form{display:flex;flex-direction:column;gap:10px}.modal-content label{font-size:1em}.modal-content input[type="email"]{padding:10px;font-size:1em;border:1px solid #ddd;border-radius:5px}.modal-content button{padding:10px;background-color:#0077cc;color:white;border:none;border-radius:5px;cursor:pointer}.modal-content button:hover{background-color:#005fa3}.modal-content .close{position:absolute;top:10px;right:10px;font-size:1.5em;cursor:pointer}section.wizard-section{padding:30px 0}.output-link-container{display:flex;flex-direction:column;flex-wrap:wrap;align-items:flex-start;justify-content:flex-start;padding:5px 10px;margin:0 auto;border-radius:10px;max-height:130px;overflow-y:auto;overflow-x:scroll;width:calc(100% - 25px);box-sizing:border-box}.output-link-container::-webkit-scrollbar{width:16px}.output-link-container::-webkit-scrollbar-track{background:#e0e0e0}.output-link-container::-webkit-scrollbar-thumb{background:#555;border-radius:10px;border:4px solid #e0e0e0}.output-link-container::-webkit-scrollbar-thumb:hover{background:#333}.output-link-container a{color:#333;text-decoration:underline;white-space:nowrap;margin-right:15px}.output-link-container a:hover{color:#555}.columns-container{display:flex;justify-content:space-between;gap:20px}.column{flex:1;padding:10px;max-width:300px}.db-input{display:flex;align-items:center;gap:0.5em}.db-input input[type=number]{width:10ch;padding:0.2em;font-size:1rem}.db-display{font-weight:bold}.submenu-toggle.new-product::after{content:"";position:absolute;width:8px;height:8px;background-color:#e53737;border-radius:50%}.new-badge{background-color:#e53737;color:#fff;font-size:0.7rem;font-weight:600;padding:0 4px;border-radius:3px;margin-left:4px;text-transform:uppercase}section.featured-section{padding:20px 0;min-height:10vh}section.featured-badges{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:15px;margin-top:20px}.image-section{display:flex;justify-content:center;align-items:center;width:100%;padding:20px;min-height:20vh;margin-top:2vh}.image-section img{width:100%;height:auto;max-width:100%}.input-group input{width:100%;padding:10px;border:1px solid #ccc;border-radius:5px;margin-top:10px}footer{background-color:black;padding:20px;color:#fff;font-family:'Poppins', sans-serif;margin:0;width:100vw}.footer-container{display:flex;justify-content:space-between;max-width:1200px;margin:0 auto;padding:0 50px}.footer-left{text-align:left}.contact a{color:#00acee;text-decoration:none}.contact a:hover{text-decoration:underline}.social-media a{margin:0 10px;color:#fff;font-size:24px}.footer-middle{text-align:left}.footer-middle nav{display:flex;flex-direction:column}.footer-middle nav a{margin-bottom:10px;color:#fff;text-decoration:none}.footer-middle nav a:hover{text-decoration:underline}.footer-right{text-align:left}.footer-right nav{display:flex;flex-direction:column}.footer-right nav a{margin-bottom:10px;color:#fff;text-decoration:none}.footer-right nav a:hover{text-decoration:underline}.footer-left,.footer-middle,.footer-right{flex:1;max-width:20%}.footer-middle,.footer-right{padding-left:5%}.small-text{font-size:0.9em;color:#888}.footer-bottom{font-size:0.9em;color:#888;text-align:center;margin-top:20px}.footer-newsletter{margin-top:1rem}.footer-newsletter h4{margin:0;margin-bottom:0.25em;font-size:0.9rem}.footer-newsletter .emailoctopus-form{margin-top:0.25em}.footer-newsletter{margin-bottom:1.5rem}.simple-grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:1.5rem}.simple-col{padding:0.5rem;border-radius:6px;display:flex;flex-direction:column}.simple-col h4{margin-top:0;margin-bottom:1rem}.simple-col label{display:flex;align-items:center;margin-bottom:0rem;width:100%}.simple-col input[type="checkbox"]{margin-right:0.5rem;flex-shrink:0}#col-midi>br,#col-midi>hr{margin:0.5rem 0}.classic-switch{float:right;margin-bottom:1rem;font-size:0.9rem}.styled-link{display:inline-block;height:40px;border:1.5px solid #636363;color:#3b3b3b;padding:12px 5px;font-weight:bold;text-align:center;text-decoration:none;box-sizing:border-box;vertical-align:top}.styled-link:hover{text-decoration:none}.navbar{background-color:black;width:100%;display:flex;justify-content:center;padding:20px 0;position:relative;height:60px}.navbar-contents{max-width:1200px;width:100%;display:flex;justify-content:space-between;align-items:center;margin-left:10px;margin-right:10px}.navbar-logo img{max-height:50px}.navbar-logo{display:flex;align-items:center;gap:10px}.navbar-logo img{max-height:50px}#theme-toggle{display:inline-flex;align-items:center;justify-content:center;padding:10px 14px;background-color:#0077cc;color:white;border:none;border-radius:5px;cursor:pointer;transition:background-color 0.3s ease}#discount-text{font-size:1.25em;font-weight:bold}#theme-toggle:hover{background-color:#005fa3}#theme-toggle{margin-right:16px}.navbar-links{display:flex;list-style:none;gap:20px}.navbar-links li{display:flex;align-items:center;margin:0;padding:0}.navbar-links a{color:white;text-decoration:none;padding:10px 15px}.navbar-links a:hover{background-color:rgba(255,255,255,0.2);border-radius:5px}.navbar-login-signup{display:flex;align-items:center;gap:15px}.navbar-login-signup button{padding:8px 15px;border-radius:5px;cursor:pointer;font-size:14px;transition:background-color 0.3s ease, border-color 0.3s ease}#signup-btn{display:inline-block;background-color:#0077cc;color:white;padding:5px 12px;border-radius:5px;text-decoration:none;font-weight:515;text-align:center;cursor:pointer;transition:background-color 0.3s ease}#signup-btn:hover{background-color:#005fa3}.navbar-login-signup #login-btn{color:white;border-color:#005fa3}.navbar-login-signup #login-btn:hover{background-color:#e6f2ff;color:#003f6b}.navbar-login-signup button+button{margin-left:2px}.hamburger-menu{display:none;cursor:pointer}.hamburger-menu i{color:white;font-size:24px}.has-submenu{position:relative}.has-submenu .submenu{display:none;position:absolute;top:100%;left:0;background-color:#333;list-style:none;margin:0;padding:5px 0;border-radius:4px;box-shadow:0 4px 8px rgba(0,0,0,0.2);z-index:1000;min-width:160px}@media (min-width: 769px){.has-submenu:hover .submenu{display:block}}.has-submenu.open .submenu{display:block;position:absolute;top:100%;left:0;background-color:#333;box-shadow:0 4px 8px rgba(0,0,0,0.2);padding:0px 5px}.has-submenu .submenu li a{display:block;padding:8px    15px     8px      15px;color:white;text-decoration:none;white-space:nowrap}.has-submenu .submenu li a:hover,.has-submenu .submenu li a:focus{background-color:rgba(255,255,255,0.2)}.submenu-toggle{background:none;border:none;color:white;font:inherit;cursor:pointer;padding:10px 15px;white-space:nowrap}.submenu-toggle:hover,.submenu-toggle:focus{background-color:rgba(255,255,255,0.2);border-radius:5px}@media (max-width: 915px){.has-submenu .submenu li a{padding-left:10px}}.has-submenu .submenu{min-width:180px;width:max-content}.has-submenu .submenu li a{display:block;width:100%;box-sizing:border-box}.modal{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,0.5);justify-content:center;align-items:center}.modal.show{display:flex}.modal-content{background-color:white;padding:20px;border-radius:10px;max-width:400px;width:100%;position:relative}.modal-content form{display:flex;flex-direction:column;gap:10px}.modal-content .close{position:absolute;top:10px;right:10px;font-size:1.5em;cursor:pointer}#main-content{line-height:1.6;max-width:1200px;margin:0 auto}#main-content p{font-size:1.25rem}#main-content ul,#main-content ol{list-style-position:outside;padding-left:20px;margin:10px;margin-top:0;font-size:1.25rem}#main-content ul li,#main-content ol li{margin:10px;line-height:1.2}#main-content ul li::marker,#main-content ol li::marker{font-size:1.2rem;color:#333}#main-content h1{margin-top:50px;margin-bottom:30px}#main-content h2{margin-top:40px;margin-bottom:25px}#main-content h3{margin-top:35px;margin-bottom:20px}#email-modal h3{margin-top:0 !important;margin-bottom:0.75rem}.progress-container{width:100%;border-radius:10px;margin-bottom:20px}.progress-bar{width:100%;height:25px;border-radius:10px;overflow:hidden;background-color:#ddd}.progress-bar-inner{height:100%;background-color:#4CAF50;width:0;transition:width 0.3s ease}.progress-bar-inner.download{background:#007bff}.progress-bar-inner.stems{background:#28a745}.progress-bar-inner.midi{background:#17a2b8}.progress-text{margin-top:10px;text-align:left}.card-container{display:flex;flex-wrap:wrap;gap:20px;justify-content:left;padding:0px 20px 20px 0px}.card{border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,0.1);width:auto;margin:10px;overflow:hidden;transition:box-shadow 0.3s ease-in-out}.card-content{padding:16px}.card:hover{box-shadow:0 5px 15px rgba(0,0,0,0.2)}.card-content p{margin:0px 0}#demo-app h2.card-title,#demo-app h2.card-title{font-size:1.25em;margin:0px 0}audio{margin-top:0px;margin-bottom:0px}.special-text{font-size:18px;font-family:"Courier New", monospace;text-transform:uppercase;font-weight:bold;text-align:left;display:flex;align-items:center}.upload-section{display:flex;flex-direction:row;align-items:center;gap:10px}.upload-section label{font-size:16px;font-weight:normal;margin-right:5px}.upload-section input[type="file"]{width:auto;font-size:14px;margin-right:5px}.upload-section span{margin:0 5px;font-weight:normal}.radio-container{display:flex;flex-direction:row;align-items:center}.memory-selection{display:flex;align-items:center;margin-top:20px;margin-bottom:20px}.memory-selection label{margin-right:10px}.memory-selection select{margin-right:10px}.tag-size-5{font-size:1.25rem}.tag-size-4{font-size:1.10rem}.tag-size-3{font-size:0.95rem}.tag-size-2{font-size:0.80rem}.tag-size-1{font-size:0.65rem}.post-item{display:none}div.category-cloud{padding-bottom:30px}div.tag-cloud{padding-bottom:30px}.blog-post{margin-bottom:40px}.blog-post h2{font-size:1.5em;margin-bottom:10px}.blog-post .meta{font-size:0.9em;margin-bottom:10px}.blog-post .summary{font-size:1em}.blog-highlight{background-color:#e1f77e;color:#333;padding:2px 5px;border-radius:3px;font-size:20px}.blog-highlight a{color:#0077cc}.blog-spacing{height:50px;display:block}.social-share-bar{text-align:left;margin-top:20px;margin-bottom:20px}.social-share-bar .share-text{vertical-align:middle;margin-right:10px}.social-share-bar a.social-icon{display:inline-block;margin:0 10px;font-size:24px;color:var(--color-text-primary);transition:color 0.2s ease, transform 0.2s ease;vertical-align:middle}.social-share-bar a.social-icon:hover{color:var(--color-brand-primary);transform:translateY(-2px)}[data-theme="dark"] .social-share-bar a.social-icon{color:var(--color-text-secondary)}[data-theme="dark"] .social-share-bar a.social-icon:hover{color:var(--color-brand-primary)}#mc_embed_signup{width:100%;max-width:300px}#mc_embed_signup input[type="email"]{width:100%;padding:8px;margin-bottom:10px}#mc_embed_signup .button{width:auto;padding:10px;background-color:#0077cc;color:white;border:none;border-radius:5px;cursor:pointer}#mc_embed_signup .button:hover{background-color:#005fa3}#mc_embed_signup label{font-size:0.9em;color:white}#mc_embed_signup p{font-size:1.2em;color:white}.overlay{position:absolute;display:flex;align-items:center;justify-content:center;width:100%;height:100%;top:0;left:0;background-color:rgba(0,0,0,0.9);z-index:2;cursor:pointer;text-align:center;flex-direction:column}.loader{display:none;border:5px solid #f3f3f3;border-radius:50%;border-top:5px solid #3498db;width:50px;height:50px;-webkit-animation:spin 2s linear infinite;animation:spin 2s linear infinite;margin-bottom:20px}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg)}}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.disable-wizard{display:none;max-width:300px;max-height:500px;background-color:#e0e0e0;border-radius:10px;flex-direction:column;color:#333;position:relative;padding:20px;box-sizing:border-box}input[type="range"]{-webkit-appearance:none;width:100%;height:6px;background:#ddd;outline:none;border-radius:5px;cursor:pointer}input[type="range"]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;background:#007bff;border-radius:50%;cursor:pointer}input[type="range"]::-moz-range-thumb{width:20px;height:20px;background:#007bff;border-radius:50%;cursor:pointer}.popup-banner-hidden{display:none}.popup-banner-shown{display:flex;position:fixed;top:50%;left:50%;transform:translate(-50%, -50%);width:auto;max-width:500px;font-size:24px;padding:20px;box-shadow:0 0 55px gold,0 0 25px rgba(255,215,0,0.4);z-index:1001;flex-direction:column;align-items:center;border-radius:10px;text-align:center}.popup-overlay{position:fixed;top:0;left:0;width:100%;z-index:1000;display:none}.popup-overlay-shown{display:block}.popup-close-button{all:unset;position:absolute;top:10px;right:10px;cursor:pointer;font-size:24px;background:none;border:none;padding:0 10px 0 10px}.popup-title{font-size:32px;margin-bottom:20px}.news-ticker{background:#00bcd4;color:#000;border-top:1px solid #0097a7;overflow:hidden;font-size:1.05rem;line-height:1.5;padding-top:0.25rem;padding-bottom:0.25rem}.news-ticker__wrapper{display:inline-block;white-space:nowrap;animation:ticker 30s linear infinite}.news-ticker__list{display:flex;list-style:none;margin:0;padding:0}.news-ticker__list li{flex-shrink:0;padding:0 10rem;white-space:nowrap}.news-ticker:hover .news-ticker__wrapper{animation-play-state:paused}.news-ticker a,.news-ticker a:visited{color:#212121;font-weight:600;text-decoration:none;border-bottom:1px dashed rgba(33,33,33,0.5);transition:color 0.2s, border-color 0.2s}.news-ticker a:hover,.news-ticker a:focus{color:#000;border-bottom-color:#000}@keyframes ticker{0%{transform:translateX(50vw)}100%{transform:translateX(-100%)}}.youtube-container{display:flex;justify-content:center}iframe{aspect-ratio:16 / 9;width:100% !important}table{width:100%;border-collapse:collapse;margin:1em 0;overflow-x:auto}thead th{background-color:#f5f5f5;color:#333}th,td{border:1px solid #ccc;padding:0.75em 1em;text-align:left;vertical-align:middle}.table-responsive{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.cta-container{display:inline-block;text-align:center}.cta-text{font-size:1.2rem;font-weight:bold;color:#0077cc}.highlight-btn{background-color:#007bff;color:#fff;font-weight:bold;border:2px solid #0056b3;transition:box-shadow 0.3s, transform 0.2s;text-shadow:0 1px 2px rgba(0,0,0,0.2)}.highlight-btn:enabled{box-shadow:0 0 10px rgba(255,215,0,0.8)}.highlight-btn:enabled:hover{box-shadow:0 0 15px gold;transform:scale(1.05);cursor:pointer}.highlight-btn:enabled:focus{outline:none;box-shadow:0 0 15px orange}.highlight-btn:disabled{background-color:#ccc;color:#666;cursor:not-allowed;box-shadow:none}.hero-cta-button{display:inline-block;padding:10px 20px;margin:5px;font-size:1.1em;font-weight:bold;text-align:center;text-decoration:none;background-color:var(--button-bg);color:var(--button-text);border:none;border-radius:5px;cursor:pointer;transition:background-color 0.3s ease}.hero-cta-button:hover{background-color:var(--button-hover-bg);color:var(--button-hover-text);text-decoration:none}.hero-cta-button:hover{transform:scale(1.02)}.hero-cta-button:focus{outline-offset:2px}.drop-zone{position:relative;border:2px dashed #888;border-radius:6px;padding:2rem;text-align:center;cursor:pointer;transition:background 0.2s, border-color 0.2s}.drop-zone .drop-hint{font-size:1.1rem}#selectedInputMessage{font-size:1.1rem;text-align:left}.drop-zone.drag-over{background:rgba(0,170,255,0.1);border-color:#00aaff}@media (max-width: 1000px){.wizard-container{width:600px;height:500px;margin:0 auto;padding:12px;border-radius:8px;overflow-y:auto;position:relative}}@media (min-width: 800px){.image-section img{max-width:65%}img.responsive-img-android{width:50%}.responsive-img-android-portrait{width:35%}}.admonition{margin:1.5rem 0;padding:1rem;border-radius:4px;border-left:5px solid #209cee}.admonition.tip{background-color:#f0f9ff;border-left-color:#209cee}.admonition-title{font-weight:bold;text-transform:uppercase;margin-bottom:0.5rem;color:#333}.admonition-body p:last-child{margin-bottom:0}button#manage-account{background-color:#ffd700;color:#333;padding:10px 15px;border:none}#toast{position:fixed;top:50%;left:50%;transform:translate(-50%, -50%);background-color:#ffd700;color:#333;padding:12px 18px;border-radius:6px;opacity:0;transition:opacity 0.5s ease-in-out;z-index:9999;font-weight:bold;text-align:center}#toast.visible{opacity:1}#mainToastBackdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;background:transparent;z-index:9998}#mainToast{position:fixed;top:50%;left:50%;transform:translate(-50%, -50%);background:linear-gradient(135deg, #e63946, #d62828);color:#f8f9fa;font-size:1.25rem;font-weight:700;padding:16px 24px;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,0.3);max-width:80%;text-align:center;word-wrap:break-word;z-index:9999;display:none}.hidden{display:none !important}@media (max-width: 915px){.navbar-links,.navbar-links.simple{display:none;flex-direction:column;position:absolute;top:60px;right:0;background-color:#111;width:100%;z-index:1000;padding:1rem 0}.navbar-links.active,.navbar-links.simple.active{display:flex}.hamburger-menu{display:block}}@media (max-width: 768px){.navbar-links,.navbar-links.simple{display:none;flex-direction:column;position:absolute;top:60px;right:0;background-color:#111;width:100%;z-index:1000;padding:1rem 0}.navbar-links.active,.navbar-links.simple.active{display:flex}.hamburger-menu{display:block}#theme-toggle{padding:8px 10px;margin-right:8px;font-size:14px}.footer-left,.footer-middle,.footer-right{max-width:25%}img.responsive-img-android{width:65%}.responsive-img-android-portrait{width:50%}.wizard-container{width:100%;height:500px;margin:0 auto;padding:12px;border-radius:8px;overflow-y:auto;position:relative}}@media (max-width: 512px){#mobile-warning-container{display:block;margin:12px auto;padding:12px 16px;border-radius:8px;background-color:#3e3e3e;color:#fff;text-align:left}#mobile-warning-container h3{margin-top:0;margin-bottom:8px}#mobile-warning-container p{margin-top:0;margin-bottom:12px}.mobile-warning-actions{display:flex;flex-wrap:wrap;gap:8px}.mobile-warning-actions button{padding:8px 12px;font-size:0.9em;flex-grow:1}.wizard-container{width:100%;margin:0 auto;height:auto;padding:12px;border-radius:8px;overflow-y:auto;position:relative}.wizard-step{overflow-y:auto;padding-bottom:80px}.wizard-footer{position:absolute;bottom:0;left:0;width:100%;padding:10px 15px;border-radius:0;gap:6px;justify-content:space-between;box-sizing:border-box}.wizard-footer button{padding:8px 10px;font-size:0.9em}.columns-container{display:flex;flex-direction:column;gap:12px}.columns-container .column{width:100%}.columns-container .column b,.columns-container label{font-size:0.9em}.cta-legend{font-size:13px;padding:8px;margin-top:8px}.error-message{margin-bottom:20px}}@media (min-width: 513px){#mobile-warning-container{display:none !important}}@media (max-width: 512px){.footer-container{flex-direction:column;padding:0 20px}.footer-left,.footer-middle,.footer-right{margin-bottom:20px;max-width:80%;padding-left:0px}.footer-left nav a,.footer-middle nav a,.footer-right nav a,.small-text{font-size:0.85em}.footer-left,.footer-middle,.footer-right{text-align:left}.social-media a{margin:0 5px}footer{padding:15px}img.responsive-img-android{width:100%}.responsive-img-android-portrait{width:75%}}.segmented{display:inline-flex;background:#f0f0f0;border-radius:8px;padding:4px;gap:4px;box-shadow:0 2px 4px rgba(0,0,0,0.1);width:fit-content}.segmented input[type="radio"]{display:none}.segmented label{padding:8px 16px;border-radius:6px;cursor:pointer;transition:all 0.2s ease;font-weight:500;color:#666;user-select:none;opacity:0.6;border-bottom:3px solid transparent}.segmented input[type="radio"]:checked+label{background:white;color:#333;box-shadow:0 2px 4px rgba(0,0,0,0.1);opacity:1;border-bottom:3px solid #0077cc}.segmented label:hover{color:#333;opacity:0.8}[data-theme="dark"] .segmented{background:#333}[data-theme="dark"] .segmented label{color:#ccc}[data-theme="dark"] .segmented input[type="radio"]:checked+label{background:#444;color:white;border-bottom:3px solid #4ade80}[data-theme="dark"] .segmented label:hover{color:white}.product-tabs{display:inline-flex;background:#f0f0f0;border-radius:8px;padding:4px;gap:4px;box-shadow:0 2px 4px rgba(0,0,0,0.1);width:fit-content;margin:1rem 0}.product-tab{padding:8px 16px;border-radius:6px;cursor:pointer;transition:all 0.2s ease;font-weight:500;color:#555;text-decoration:none;user-select:none;opacity:0.85;border:1px solid transparent;position:relative}.product-tab.active{background:white;color:#0066b3;box-shadow:0 2px 4px rgba(0,0,0,0.1);opacity:1;border:1px solid #e0e0e0;font-weight:600}.product-tab.active::after{content:'';position:absolute;bottom:-3px;left:0;width:100%;height:3px;background:#0066b3;border-radius:0 0 6px 6px}.product-tab:hover{color:#0066b3;opacity:1;text-decoration:none;background:rgba(255,255,255,0.5)}[data-theme="dark"] .product-tabs{background:#2a2a2a;box-shadow:0 2px 4px rgba(0,0,0,0.2)}[data-theme="dark"] .product-tab{color:#e0e0e0}[data-theme="dark"] .product-tab.active{background:#3a3a3a;color:#4dabff;border:1px solid #4a4a4a}[data-theme="dark"] .product-tab.active::after{background:#4dabff}[data-theme="dark"] .product-tab:hover{color:#4dabff;background:rgba(255,255,255,0.1)}#job-type-selector{display:inline-block;width:fit-content}#processingPickerForm{display:inline-block;width:fit-content}.sheet-music-btn{font-size:1.1em !important;padding:12px 18px !important;animation:pulse 2s infinite}.sheet-music-btn:not(:disabled){animation:pulse 2s infinite}.sheet-music-btn:disabled{animation:none}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}100%{transform:scale(1)}}:root{--color-bg-primary: #ffffff;--color-bg-secondary: #f8f9fa;--color-bg-tertiary: #e9ecef;--color-bg-accent: #f0f7ff;--color-text-primary: #212529;--color-text-secondary: #495057;--color-text-muted: #6c757d;--color-text-inverse: #ffffff;--color-brand-primary: #4a90e2;--color-brand-secondary: #357abd;--color-brand-light: #e3f2ff;--color-success: #28a745;--color-warning: #ffc107;--color-danger: #dc3545;--color-info: #17a2b8;--color-border: #dee2e6;--color-border-light: #e9ecef;--shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.05);--shadow-md: 0 4px 6px rgba(0, 0, 0, 0.07);--shadow-lg: 0 10px 15px rgba(0, 0, 0, 0.1);--shadow-xl: 0 20px 25px rgba(0, 0, 0, 0.1);--transition-fast: 150ms ease-in-out;--transition-base: 250ms ease-in-out;--transition-slow: 350ms ease-in-out;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--space-xs: 0.25rem;--space-sm: 0.5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem}[data-theme="dark"]{--color-bg-primary: #1a1a1a;--color-bg-secondary: #2d2d2d;--color-bg-tertiary: #3a3a3a;--color-bg-accent: #1e3a5f;--color-text-primary: #e0e0e0;--color-text-secondary: #b0b0b0;--color-text-muted: #808080;--color-text-inverse: #1a1a1a;--color-brand-primary: #5a9fd4;--color-brand-secondary: #4a90e2;--color-brand-light: #2c4a6b;--color-success: #45d462;--color-warning: #ffda6a;--color-danger: #f66;--color-info: #5bc0de;--color-border: #404040;--color-border-light: #353535;--shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.3);--shadow-md: 0 4px 6px rgba(0, 0, 0, 0.4);--shadow-lg: 0 10px 15px rgba(0, 0, 0, 0.5);--shadow-xl: 0 20px 25px rgba(0, 0, 0, 0.6)}.demixer-container{max-width:800px;margin:0 auto;padding:var(--space-2xl) var(--space-xl);font-family:'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;color:var(--color-text-primary)}.demixer-container *{transition:color var(--transition-fast),background-color var(--transition-fast),border-color var(--transition-fast)}.upload-section{margin-bottom:var(--space-2xl)}.upload-dropzone{border:2px dashed var(--color-border);border-radius:var(--radius-lg);padding:var(--space-3xl);text-align:center;transition:all var(--transition-base);background:var(--color-bg-secondary);cursor:pointer;position:relative;overflow:hidden}.upload-dropzone::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg, transparent 30%, var(--color-brand-light) 50%, transparent 70%);transform:translateX(-100%);transition:transform 0.6s;opacity:0.3}.upload-dropzone:hover{border-color:var(--color-brand-primary);background:var(--color-bg-accent);transform:translateY(-2px);box-shadow:var(--shadow-md)}.upload-dropzone:hover::before{transform:translateX(100%)}.upload-dropzone.dragging{border-color:var(--color-brand-primary);background:var(--color-brand-light);transform:scale(1.02);box-shadow:var(--shadow-lg)}.upload-icon{font-size:3rem;margin-bottom:var(--space-md);animation:float 3s ease-in-out infinite}.upload-icon i{color:var(--color-brand-primary);opacity:0.8}[data-theme="dark"] .upload-icon i{color:var(--color-brand-primary);opacity:1}@keyframes float{0%, 100%{transform:translateY(0)}50%{transform:translateY(-10px)}}.upload-content h2{color:var(--color-text-primary);font-size:1.5rem;margin-bottom:var(--space-sm);font-weight:600}.upload-content p{color:var(--color-text-secondary);font-size:1rem}.link-button{background:none;border:none;color:var(--color-brand-primary);cursor:pointer;text-decoration:underline;font-size:inherit;font-weight:500;transition:color var(--transition-fast)}.link-button:hover{color:var(--color-brand-secondary)}.upload-status{margin-top:var(--space-lg);animation:slideIn 0.3s ease-out}@keyframes slideIn{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.file-info{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-md);background:var(--color-bg-primary);border:1px solid var(--color-border-light);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.file-icon{font-size:1.5rem}.file-icon i{color:var(--color-brand-primary);opacity:0.8}[data-theme="dark"] .file-icon i{color:var(--color-brand-primary);opacity:1}.file-name{flex:1;color:var(--color-text-primary);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.remove-file{background:none;border:none;color:var(--color-text-muted);cursor:pointer;font-size:1.25rem;line-height:1;padding:var(--space-xs);border-radius:var(--radius-sm);transition:all var(--transition-fast)}.remove-file:hover{color:var(--color-danger);background:rgba(220,53,69,0.1)}.testimonial-section{text-align:center;margin-top:var(--space-md)}.testimonial-section p{color:var(--color-text-secondary);margin-bottom:var(--space-xs);font-size:0.8125rem;opacity:0.8}.testimonial-buttons{display:flex;gap:var(--space-xs);justify-content:center;flex-wrap:wrap;max-width:320px;margin:0 auto}.testimonial-btn{padding:0.375rem 0.75rem;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg-primary);color:var(--color-text-primary);cursor:pointer;transition:all var(--transition-fast);font-weight:450;font-size:0.8125rem;box-shadow:none;display:flex;align-items:center;gap:0.25rem;opacity:0.85;min-width:140px;justify-content:center}.testimonial-btn i{color:var(--color-brand-primary);font-size:0.875rem}.testimonial-btn:hover{background:var(--color-bg-accent);border-color:var(--color-brand-primary);transform:translateY(-1px);box-shadow:var(--shadow-sm);opacity:1}.quality-comparison-demo{display:flex;gap:2rem;margin:1rem 0}.comparison-column{flex:1;background:var(--color-bg-secondary, #f5f5f5);padding:1rem;border-radius:8px}.comparison-column h4{margin-bottom:1rem;text-align:center;color:var(--color-text-primary)}.audio-stem{margin-bottom:1rem}.audio-stem label{display:block;margin-bottom:0.25rem;font-weight:600;color:var(--color-text-secondary)}@media (max-width: 768px){.quality-comparison-demo{flex-direction:column}}.testimonial-modal{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.8);z-index:1000;padding:var(--space-xl);overflow-y:auto}.testimonial-content{max-width:800px;margin:0 auto;background:var(--color-bg-primary);border-radius:var(--radius-xl);padding:var(--space-2xl);position:relative;box-shadow:var(--shadow-xl);animation:slideIn 0.3s ease-out}.testimonial-content h3{margin-bottom:var(--space-lg);color:var(--color-text-primary)}@keyframes slideIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.testimonial-close{position:absolute;top:var(--space-md);right:var(--space-md);background:none;border:none;font-size:1.5rem;color:var(--color-text-secondary);cursor:pointer;padding:var(--space-xs)}.testimonial-close:hover{color:var(--color-text-primary)}.testimonial-video{width:100%;aspect-ratio:16 / 9;border-radius:var(--radius-md);margin:var(--space-lg) 0;border:1px solid var(--color-border)}.testimonial-youtube-preview{text-align:center;margin:var(--space-lg) 0}.youtube-preview-link{display:block;position:relative;margin-bottom:var(--space-lg);border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-md);transition:transform 0.2s}.youtube-preview-link:hover{transform:scale(1.02)}.youtube-preview-link:hover .youtube-play-overlay{background:rgba(0,0,0,0.8)}.youtube-preview-link:hover .youtube-play-overlay i{transform:scale(1.1)}.youtube-thumbnail{width:100%;height:auto;display:block}.youtube-play-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.6);display:flex;align-items:center;justify-content:center;transition:all 0.2s}.youtube-play-overlay i{color:#FF0000;font-size:4rem;transition:transform 0.2s}.youtube-link-btn{display:inline-flex;align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-xl);background:#FF0000;color:white !important;border-radius:var(--radius-md);text-decoration:none;font-weight:600;transition:all 0.2s}.youtube-link-btn:hover{background:#CC0000;color:white !important;transform:translateY(-1px);box-shadow:var(--shadow-md)}.youtube-link-btn i{font-size:1.5rem}.testimonial-quote{font-size:1.125rem;line-height:1.6;color:var(--color-text-primary);font-style:italic;margin:var(--space-lg) 0;padding-left:var(--space-lg);border-left:3px solid var(--color-brand-primary)}.testimonial-author{text-align:right;color:var(--color-text-secondary);font-weight:500;margin-top:var(--space-md)}.widget-container{display:table;width:100%;max-width:1200px;margin:0 auto}.task-section{animation:fadeIn 0.3s ease-out;max-width:1200px;margin-left:auto;margin-right:auto;padding:0 var(--space-md);box-sizing:border-box}.task-section h3{color:var(--color-text-primary);font-size:1.25rem;margin-bottom:var(--space-lg);text-align:center;font-weight:600}.preset-grid{display:grid;gap:var(--space-md);margin-bottom:var(--space-xl);grid-template-columns:1fr;align-items:stretch}@media (min-width: 640px){.preset-grid{grid-template-columns:repeat(2, 1fr);gap:var(--space-lg)}}@media (min-width: 1024px){.preset-grid{grid-template-columns:repeat(3, 1fr)}}@media (min-width: 1440px){.preset-grid{grid-template-columns:repeat(4, 1fr)}}.preset-card{padding:var(--space-lg) var(--space-md);border:2px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg-primary);color:var(--color-text-primary);cursor:pointer;transition:all var(--transition-base);text-align:center;position:relative;overflow:hidden;box-shadow:var(--shadow-sm);min-height:140px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:var(--space-xs)}.preset-card::after{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle, var(--color-brand-light) 0%, transparent 70%);opacity:0;transition:opacity var(--transition-base);pointer-events:none}.preset-card:hover{border-color:var(--color-brand-primary);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.preset-card:hover::after{opacity:0.1}.preset-card.selected{border-color:var(--color-brand-primary);background:var(--color-bg-accent);box-shadow:0 0 0 3px rgba(74,144,226,0.2)}.preset-card.selected .preset-icon,.preset-card.selected .preset-title{color:#212529}.preset-card.selected .preset-desc{color:#495057}[data-theme="dark"] .preset-card.selected .preset-icon,[data-theme="dark"] .preset-card.selected .preset-title{color:#ffffff}[data-theme="dark"] .preset-card.selected .preset-desc{color:#e9ecef}[data-theme="light"] .preset-card:hover{background:var(--color-bg-secondary) !important}[data-theme="light"] .preset-card.selected,[data-theme="light"] .preset-card.selected:hover{background:var(--color-bg-accent) !important}[data-theme="light"] .preset-card .preset-icon,[data-theme="light"] .preset-card .preset-title,[data-theme="light"] .preset-card .preset-desc{color:var(--color-text-primary) !important}[data-theme="light"] .preset-card:hover .preset-desc{color:var(--color-text-secondary) !important}[data-theme="light"] .preset-card.selected .preset-icon,[data-theme="light"] .preset-card.selected .preset-title,[data-theme="light"] .preset-card.selected .preset-desc,[data-theme="light"] .preset-card.selected:hover .preset-icon,[data-theme="light"] .preset-card.selected:hover .preset-title,[data-theme="light"] .preset-card.selected:hover .preset-desc{color:#1a1a1a !important}[data-theme="dark"] .preset-card:hover{background:var(--color-bg-accent) !important}[data-theme="dark"] .preset-card.selected .preset-icon,[data-theme="dark"] .preset-card.selected .preset-title,[data-theme="dark"] .preset-card.selected .preset-desc,[data-theme="dark"] .preset-card.selected:hover .preset-icon,[data-theme="dark"] .preset-card.selected:hover .preset-title,[data-theme="dark"] .preset-card.selected:hover .preset-desc{color:#ffffff !important}.preset-icon{font-size:1.5rem;margin-bottom:var(--space-xs);transition:transform var(--transition-base)}.preset-card:hover .preset-icon{transform:scale(1.15)}.preset-title{font-weight:600;color:var(--color-text-primary);margin-bottom:0.25rem;font-size:0.95rem}.preset-desc{font-size:0.8rem;color:var(--color-text-secondary);line-height:1.2}.settings-bar{display:flex;align-items:center;gap:var(--space-lg);padding:var(--space-lg);background:var(--color-bg-secondary);border-radius:var(--radius-md);margin:var(--space-xl) 0;box-shadow:var(--shadow-sm);width:100%;box-sizing:border-box;flex-wrap:wrap}.settings-bar .setting-group{flex:1 1 auto;min-width:200px}.settings-bar .advanced-toggle{flex:0 0 auto}.setting-group{display:flex;align-items:center;gap:var(--space-sm)}.setting-group label{color:var(--color-text-secondary);font-weight:500;font-size:0.875rem}.quality-selector{display:flex;gap:var(--space-sm)}.quality-option{padding:var(--space-sm) var(--space-md);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);display:flex;flex-direction:column;align-items:center;background:var(--color-bg-primary);color:var(--color-text-primary);min-width:80px}input[type="radio"]{position:absolute;opacity:0;pointer-events:none}input[type="radio"]:checked+.quality-option{border-color:var(--color-brand-primary);background:var(--color-bg-accent);box-shadow:0 0 0 2px rgba(74,144,226,0.2)}input[type="radio"]:focus+.quality-option{box-shadow:0 0 0 3px rgba(74,144,226,0.4)}.quality-name{font-weight:600;font-size:0.875rem}.quality-tag{font-size:0.7rem;margin-top:var(--space-xs);text-transform:uppercase;letter-spacing:0.5px}.pro-tag{color:var(--color-warning);font-weight:700}#output-format{padding:var(--space-sm) var(--space-md);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-primary);color:var(--color-text-primary);font-size:0.875rem;cursor:pointer;transition:all var(--transition-fast);min-width:200px}#output-format:hover{border-color:var(--color-brand-primary)}#output-format:focus{outline:none;box-shadow:0 0 0 3px rgba(74,144,226,0.4)}.advanced-toggle{background:none;border:none;color:var(--color-text-secondary);cursor:pointer;display:inline-flex;white-space:nowrap;align-items:center;gap:var(--space-xs);font-size:0.875rem;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);transition:all var(--transition-fast)}.advanced-toggle:hover{color:var(--color-brand-primary);background:var(--color-bg-tertiary)}.toggle-icon{transition:transform var(--transition-fast);font-size:0.75rem}.quality-format-row{border:none !important;outline:none !important}.quality-format-row>*{border:none !important;outline:none !important}.advanced-settings{padding:var(--space-lg);background:var(--color-bg-tertiary);border-radius:var(--radius-md);margin-top:var(--space-md);animation:slideDown 0.3s ease-out}@keyframes slideDown{from{opacity:0;max-height:0;transform:translateY(-10px)}to{opacity:1;max-height:200px;transform:translateY(0)}}.memory-selector label{color:var(--color-text-secondary);font-weight:500;font-size:0.875rem}.memory-options{display:flex;gap:var(--space-md);margin-top:var(--space-sm);flex-wrap:wrap}.memory-options label{display:flex;align-items:center;gap:var(--space-xs);cursor:pointer;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);transition:all var(--transition-fast)}.memory-options label:hover{background:var(--color-bg-secondary)}.memory-options input[type="radio"]{position:static;opacity:1;pointer-events:auto;cursor:pointer}.help-text{font-size:0.875rem;color:var(--color-text-muted);margin-top:var(--space-sm)}.help-text a{color:var(--color-brand-primary);text-decoration:none}.help-text a:hover{text-decoration:underline}.webgpu-indicator{margin-top:var(--space-md);padding:var(--space-sm) var(--space-md);background:var(--color-bg-accent);border-radius:var(--radius-md);color:var(--color-success);font-size:0.875rem;font-weight:500;display:inline-block;border:1px solid rgba(40,167,69,0.2)}.webgpu-indicator:empty{display:none}.webgpu-control{margin-top:var(--space-sm);font-size:0.875rem}.webgpu-control label{display:flex;align-items:center;gap:var(--space-xs);cursor:pointer}.webgpu-control input[type="checkbox"]{cursor:pointer}.webgpu-control input[type="checkbox"]:disabled{cursor:not-allowed}.action-section{text-align:center;margin-top:var(--space-xl)}.start-button{width:100%;max-width:400px;padding:var(--space-md) var(--space-xl);font-size:1.125rem;font-weight:600;background:var(--color-brand-primary);color:var(--color-text-inverse);border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);box-shadow:var(--shadow-md);position:relative;overflow:hidden}.start-button::before{content:'';position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:rgba(255,255,255,0.2);transform:translate(-50%, -50%);transition:width 0.6s, height 0.6s}.start-button:hover:not(:disabled){background:var(--color-brand-secondary);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.start-button:hover:not(:disabled)::before{width:300px;height:300px}.start-button:active:not(:disabled){transform:translateY(0);box-shadow:var(--shadow-md)}.start-button:disabled{background:var(--color-bg-secondary);border:2px solid var(--color-border);color:var(--color-text-secondary);cursor:not-allowed;opacity:1;box-shadow:none}[data-theme="dark"] .start-button:disabled{background:var(--color-bg-secondary);border:2px solid var(--color-border-light);color:var(--color-text-secondary)}.start-button:focus{outline:none;box-shadow:0 0 0 3px rgba(74,144,226,0.4)}.button-icon{transition:transform var(--transition-fast)}.start-button:hover:not(:disabled) .button-icon{transform:translateX(3px)}.selection-summary{margin-top:var(--space-sm);font-size:0.875rem;color:var(--color-text-secondary);font-style:italic}.processing-section{animation:fadeIn 0.3s ease-out}.processing-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-xl)}.processing-header h3{color:var(--color-text-primary);font-size:1.25rem;font-weight:600}.cancel-btn{background:none;border:1px solid var(--color-danger);color:var(--color-danger);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);font-weight:500}.cancel-btn:hover{background:var(--color-danger);color:var(--color-text-inverse)}.progress-container{background:var(--color-bg-secondary);padding:var(--space-xl);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.progress-item{margin-bottom:var(--space-xl)}.progress-item:last-child{margin-bottom:0}.progress-label{display:block;color:var(--color-text-primary);font-weight:500;margin-bottom:var(--space-sm);font-size:0.875rem}.progress-bar{height:8px;background:var(--color-bg-tertiary);border-radius:var(--radius-full);overflow:hidden;box-shadow:inset 0 1px 2px rgba(0,0,0,0.1)}.progress-fill{height:100%;background:var(--color-brand-primary);transition:width 0.3s ease;position:relative;overflow:hidden}.progress-fill::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg, transparent, rgba(255,255,255,0.2), transparent);animation:shimmer 2s infinite}@keyframes shimmer{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}.stems-fill{background:linear-gradient(90deg, #4a90e2, #6b5b95);background-size:200% 100%;animation:gradientShift 3s ease-in-out infinite}.midi-fill{background:linear-gradient(90deg, #6b5b95, #8e44ad);background-size:200% 100%;animation:gradientShift 3s ease-in-out infinite}@keyframes gradientShift{0%, 100%{background-position:0% 50%}50%{background-position:100% 50%}}.download-section{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-xl);margin:var(--space-xl) 0;box-shadow:var(--shadow-lg);animation:fadeIn 0.3s ease-out}.download-section h4{margin:0 0 var(--space-lg) 0;font-size:1.3rem;display:flex;align-items:center;gap:var(--space-sm)}.download-container{display:flex;flex-direction:column;gap:var(--space-lg)}.download-all-wrapper{display:flex;justify-content:center;padding-top:var(--space-md);border-top:1px solid var(--color-border);margin-top:var(--space-md)}.download-btn{flex:1;min-width:200px;padding:var(--space-md);border:1px solid var(--color-border);background:var(--color-bg-primary);color:var(--color-text-primary);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center;gap:var(--space-sm);font-weight:500;box-shadow:var(--shadow-sm)}.download-btn:hover{border-color:var(--color-brand-primary);background:var(--color-bg-accent);transform:translateY(-1px);box-shadow:var(--shadow-md)}.download-btn.primary{background:var(--color-brand-primary);color:var(--color-text-inverse);border-color:var(--color-brand-primary)}.download-btn.primary:hover{background:var(--color-brand-secondary);border-color:var(--color-brand-secondary)}.download-btn .icon{font-size:1.25rem}.individual-downloads{display:grid;gap:var(--space-sm)}.download-link{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md);background:var(--color-bg-primary);border:1px solid var(--color-border-light);border-radius:var(--radius-md);text-decoration:none;color:var(--color-text-primary);transition:all var(--transition-fast)}.download-link:hover{background:var(--color-bg-accent);border-color:var(--color-brand-primary);transform:translateX(4px);box-shadow:var(--shadow-md)}.download-link .icon{font-size:1.5rem;flex-shrink:0}.download-link i.icon{width:1.5rem;text-align:center;color:var(--color-brand-primary)}.download-link .text{flex:1;font-weight:500}.download-link .size{color:var(--color-text-secondary);font-size:0.875rem}.upsell-section{margin-top:var(--space-2xl);animation:slideIn 0.5s ease-out}.upsell-card{background:linear-gradient(135deg, var(--color-bg-accent) 0%, var(--color-bg-secondary) 100%);border-radius:var(--radius-xl);padding:var(--space-2xl);text-align:center;box-shadow:var(--shadow-lg);border:1px solid var(--color-border-light);position:relative;overflow:hidden}.upsell-card::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at top right, rgba(243,156,18,0.1) 0%, transparent 70%);pointer-events:none}.upsell-card h4{color:var(--color-text-primary);font-size:1.5rem;margin-bottom:var(--space-md)}.upsell-card p{color:var(--color-text-primary);margin-bottom:var(--space-md);font-size:1.1rem;font-weight:500}.upsell-card ul{list-style:none;padding:0;margin:0 0 var(--space-xl) 0;text-align:left;display:inline-block;width:100%;max-width:400px}.upsell-card li{margin:var(--space-md) 0;color:var(--color-text-primary);display:flex;align-items:center;gap:var(--space-sm);font-size:1.05rem}.upsell-card li::before{content:'✓';color:var(--color-success);font-weight:bold}.upgrade-btn{padding:var(--space-md) var(--space-2xl);background:linear-gradient(135deg, #f39c12 0%, #e67e22 100%);color:#ffffff;border:none;border-radius:var(--radius-md);font-weight:600;cursor:pointer;transition:all var(--transition-base);font-size:1.1rem;box-shadow:0 4px 15px rgba(243,156,18,0.3);margin-top:0;display:inline-flex;align-items:center;gap:var(--space-sm)}.upgrade-btn:hover{background:linear-gradient(135deg, #e67e22 0%, #d35400 100%);transform:translateY(-2px);box-shadow:0 6px 20px rgba(243,156,18,0.4);color:#ffffff}[data-theme="dark"] .upgrade-btn{background:linear-gradient(135deg, #f39c12 0%, #d68910 100%);color:#1a1a1a;font-weight:700;box-shadow:0 4px 15px rgba(243,156,18,0.5)}[data-theme="dark"] .upgrade-btn:hover{background:linear-gradient(135deg, #e67e22 0%, #c96f00 100%);box-shadow:0 6px 25px rgba(243,156,18,0.6);color:#1a1a1a}.sheet-music-section{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-xl);margin:var(--space-xl) 0;box-shadow:var(--shadow-lg);animation:fadeIn 0.3s ease-out}.sheet-music-section h4{margin:0 0 var(--space-lg) 0;font-size:1.3rem;display:flex;align-items:center;gap:var(--space-sm);justify-content:center}.sheet-music-wrapper{display:flex;flex-direction:column;gap:var(--space-lg)}.sheet-music-links{display:flex;flex-wrap:wrap;gap:var(--space-lg);justify-content:center;padding:var(--space-sm) 0}.sheet-music-btn{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-xl);background:var(--color-brand-primary);border:2px solid var(--color-brand-primary);border-radius:var(--radius-md);color:var(--color-text-inverse);font-weight:600;font-size:1rem;cursor:pointer;transition:none !important;animation:none !important;box-shadow:var(--shadow-md)}.sheet-music-btn:hover{background:var(--color-brand-secondary);border-color:var(--color-brand-secondary);transition:none !important;animation:none !important}.sheet-music-btn.active{background:var(--color-brand-primary);border-color:var(--color-brand-primary);color:white;box-shadow:var(--shadow-md);transition:none !important;animation:none !important}.sheet-music-btn .icon{font-size:1.25rem}.sheet-music-viewer{background:var(--color-bg-tertiary);border:1px solid var(--color-border-light);border-radius:var(--radius-md);overflow:hidden;margin-top:var(--space-lg)}.sheet-music-viewer .sheet-music-controls{display:flex;align-items:center;justify-content:space-between;padding:var(--space-lg);background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border);flex-wrap:wrap;gap:var(--space-md)}.sheet-music-viewer .sheet-selector{flex:1;min-width:200px;padding:var(--space-sm) var(--space-md);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-primary);color:var(--color-text-primary);font-size:1rem;cursor:pointer}.sheet-music-viewer .sheet-selector:hover{border-color:var(--color-brand-primary)}.sheet-music-viewer .sheet-selector:focus{outline:none;border-color:var(--color-brand-primary);box-shadow:0 0 0 3px rgba(74,144,226,0.2)}.sheet-music-viewer .sheet-selector option{background:var(--color-bg-primary);color:var(--color-text-primary)}.sheet-music-viewer .sheet-actions{display:flex;gap:var(--space-sm)}.sheet-music-viewer .sheet-action-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid var(--color-border);background:var(--color-background);color:var(--color-text-primary);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base)}.sheet-music-viewer .sheet-action-btn:hover{background:var(--color-brand-primary);color:white;border-color:var(--color-brand-primary)}.sheet-music-viewer .sheet-action-btn i{font-size:1.1rem}.sheet-music-viewer .sheet-music-container{position:relative;min-height:600px;max-height:800px;overflow:auto;background:white;padding:var(--space-xl)}.sheet-music-viewer .sheet-music-container #osmdCanvas{width:100%;min-height:100%}.new-job-section{margin-top:var(--space-2xl);text-align:center}.new-job-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-md) var(--space-xl);border:2px solid var(--color-brand-primary);background:var(--color-bg-primary);color:var(--color-brand-primary);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);font-weight:600;box-shadow:var(--shadow-sm)}.new-job-btn:hover{background:var(--color-bg-accent);transform:translateY(-1px);box-shadow:var(--shadow-md)}.new-job-btn .icon i{color:var(--color-brand-primary)}[data-theme="dark"] .new-job-btn .icon i{color:var(--color-brand-primary);opacity:1}.speech-settings{margin-top:var(--space-lg);padding:var(--space-lg);background:var(--color-bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--color-border);animation:slideIn 0.3s ease-out}.speech-controls label{display:block;margin-bottom:var(--space-sm);font-weight:500;color:var(--color-text-primary)}.slider-container{margin:var(--space-md) 0}.slider-container input[type="range"]{width:100%;height:6px;background:var(--color-bg-tertiary);border-radius:3px;outline:none;-webkit-appearance:none;appearance:none;cursor:pointer}.slider-container input[type="range"]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;background:var(--color-brand-primary);border-radius:50%;cursor:pointer;box-shadow:var(--shadow-md);transition:all 0.2s ease}.slider-container input[type="range"]::-webkit-slider-thumb:hover{transform:scale(1.1)}.slider-container input[type="range"]::-moz-range-thumb{width:20px;height:20px;background:var(--color-brand-primary);border-radius:50%;cursor:pointer;box-shadow:var(--shadow-md);border:none;transition:all 0.2s ease}.slider-container input[type="range"]::-moz-range-thumb:hover{transform:scale(1.1)}.slider-labels{display:flex;justify-content:space-between;margin-top:var(--space-xs);font-size:0.85em;color:var(--color-text-secondary)}.attenuation-value{margin:var(--space-sm) 0;font-weight:500;color:var(--color-text-primary)}.attenuation-value span{color:var(--color-brand-primary);font-weight:600}.practice-submenu{margin:var(--space-md) 0;padding:var(--space-lg);background:var(--color-bg-secondary);border-radius:var(--radius-md);animation:slideIn 0.3s ease-out}.practice-submenu p{color:var(--color-text-secondary);margin-bottom:var(--space-md);text-align:center}.instrument-buttons{display:flex;gap:var(--space-sm);flex-wrap:wrap;justify-content:center}.instrument-btn{padding:var(--space-sm) var(--space-lg);border:1px solid var(--color-border);background:var(--color-bg-primary);color:var(--color-text-primary);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);font-weight:500}.instrument-btn:hover{background:var(--color-bg-accent);border-color:var(--color-brand-primary);transform:translateY(-1px)}.instrument-btn.selected{background:var(--color-brand-primary);color:var(--color-text-inverse);border-color:var(--color-brand-primary);box-shadow:var(--shadow-sm)}.mobile-notice{background:var(--color-warning);color:var(--color-text-primary);border:1px solid rgba(255,193,7,0.3);border-radius:var(--radius-md);padding:var(--space-lg);margin-bottom:var(--space-lg);text-align:center;box-shadow:var(--shadow-sm);max-width:100%;overflow-x:hidden}.mobile-notice p{margin:0 0 1rem 0;font-size:0.875rem;font-weight:500;word-wrap:break-word}.mobile-actions{display:flex;gap:1rem;justify-content:center;align-items:center;flex-wrap:wrap}.email-btn{padding:0.625rem 1.25rem;background:var(--color-brand-primary);color:white;border:none;border-radius:6px;font-weight:500;cursor:pointer;transition:background 0.2s;font-size:0.875rem}.email-btn:hover{background:var(--color-brand-primary-hover)}.continue-link{color:var(--color-text-secondary);text-decoration:underline;font-weight:500;font-size:0.875rem}.continue-link:hover{color:var(--color-text-primary)}#mainToast{position:fixed;top:50%;left:50%;transform:translate(-50%, -50%);background:linear-gradient(135deg, #e63946, #d62828);color:#f8f9fa;font-size:1.1rem;font-weight:600;padding:20px 30px;border-radius:12px;box-shadow:0 8px 24px rgba(0,0,0,0.3);z-index:9999;max-width:500px;min-width:300px;text-align:center;word-wrap:break-word;animation:fadeInScale 0.3s ease-out}#mainToast a{color:#ffffff;text-decoration:underline;font-weight:700}#mainToast a:hover{color:#f8f9fa;text-decoration:none}#mainToast:hover{transform:translate(-50%, -50%) scale(1.02);box-shadow:0 8px 25px rgba(0,0,0,0.3);transition:all 0.2s ease}#mainToast::after{content:" (Click to dismiss)";font-size:0.85rem;opacity:0.8;font-weight:normal}@keyframes fadeInScale{from{opacity:0;transform:translate(-50%, -50%) scale(0.9)}to{opacity:1;transform:translate(-50%, -50%) scale(1)}}#mainToastBackdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.5);z-index:999}@keyframes fadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}*:focus{outline:none}*:focus-visible{outline:3px solid var(--color-brand-primary);outline-offset:2px;border-radius:var(--radius-sm)}@media (prefers-contrast: high){:root{--color-border: #000;--shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.2);--shadow-md: 0 4px 6px rgba(0, 0, 0, 0.3)}[data-theme="dark"]{--color-border: #fff;--color-text-primary: #fff;--color-bg-primary: #000}}@media (prefers-reduced-motion: reduce){*{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important}}@media (max-width: 768px){.demixer-container{padding:var(--space-lg) var(--space-md)}.upload-dropzone{padding:var(--space-xl) var(--space-lg)}.upload-dropzone h2{font-size:1.25rem}.testimonial-section p{font-size:0.75rem}.testimonial-buttons{flex-wrap:wrap}.testimonial-btn{font-size:0.75rem;padding:0.375rem 0.625rem}.mobile-notice{padding:var(--space-md);margin:var(--space-sm)}.mobile-notice p{font-size:0.8125rem;line-height:1.4}.mobile-actions{flex-direction:column;width:100%}.mobile-actions button,.mobile-actions a{width:100%;text-align:center}.settings-bar{flex-direction:column;align-items:stretch;gap:var(--space-md)}.setting-group{flex-direction:column;align-items:stretch}.quality-selector{width:100%;justify-content:space-between}#output-format{width:100%}.memory-options{justify-content:space-between}.download-options{flex-direction:column}.download-btn{width:100%}#mainToast{max-width:calc(100% - 40px);min-width:auto;font-size:1rem;padding:16px 20px}}@media print{.demixer-container{background:white;color:black}.no-print{display:none !important}}.checkout-modal{position:fixed;top:0;left:0;right:0;bottom:0;z-index:10000;display:flex;align-items:center;justify-content:center;padding:1rem}.checkout-backdrop{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.5);backdrop-filter:blur(4px)}.checkout-container{position:relative;background:var(--color-bg-primary);border-radius:16px;max-width:500px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-2xl);padding:2.5rem}.checkout-close{position:absolute;top:1rem;right:1rem;background:none;border:none;font-size:1.5rem;color:var(--color-text-secondary);cursor:pointer;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all 0.2s}.checkout-close:hover{background:var(--color-bg-secondary);color:var(--color-text-primary)}.checkout-header{text-align:center;margin-bottom:2rem}.checkout-header h2{margin:0 0 0.5rem 0;color:var(--color-text-primary);font-size:1.75rem}.checkout-plan{color:var(--color-text-secondary);font-size:1.125rem}.checkout-section{margin-bottom:1.5rem}.checkout-section label{display:block;margin-bottom:0.5rem;color:var(--color-text-primary);font-weight:600}.checkout-section input[type="email"]{width:100%;padding:0.75rem 1rem;border:1px solid var(--color-border);border-radius:8px;font-size:1rem;background:var(--color-bg-primary);color:var(--color-text-primary);transition:all 0.2s}.checkout-section input[type="email"]:focus{outline:none;border-color:var(--color-brand-primary);box-shadow:0 0 0 3px rgba(74,144,226,0.1)}.checkout-help{margin-top:0.5rem;font-size:0.875rem;color:var(--color-text-secondary)}#payment-element{min-height:200px;padding:1rem;border:1px solid var(--color-border);border-radius:8px;background:var(--color-bg-secondary)}.checkout-error{background:var(--color-error-bg, #f8d7da);color:var(--color-error, #721c24);padding:0.75rem 1rem;border-radius:8px;margin-bottom:1rem;font-size:0.875rem}.checkout-btn{width:100%;padding:1.25rem;background:var(--color-brand-primary);color:white;border:none;border-radius:8px;font-size:1.125rem;font-weight:600;cursor:pointer;transition:all 0.2s;display:flex;align-items:center;justify-content:center;gap:0.5rem}.checkout-btn:hover:not(:disabled){background:var(--color-brand-secondary);transform:translateY(-1px);box-shadow:0 4px 12px rgba(74,144,226,0.3)}.checkout-btn:disabled{opacity:0.7;cursor:not-allowed}.spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,0.3);border-top-color:white;border-radius:50%;animation:spin 1s linear infinite}.spinner.hidden,#button-text.hidden{display:none}@keyframes spin{to{transform:rotate(360deg)}}.checkout-terms{margin-top:1.5rem;text-align:center;font-size:0.75rem;color:var(--color-text-muted);line-height:1.5}.toast{position:fixed;top:20px;right:20px;background:var(--color-bg-primary);color:var(--color-text-primary);padding:1.25rem 1.5rem;border-radius:8px;box-shadow:var(--shadow-xl);max-width:400px;z-index:10001;animation:slideIn 0.3s ease}.toast.success{background:var(--color-success-bg, #d4edda);color:var(--color-success, #155724);border:1px solid var(--color-success-border, #c3e6cb)}.toast-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:transparent;z-index:10000;pointer-events:none}@keyframes slideIn{from{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}:root{--color-error: #721c24;--color-error-bg: #f8d7da;--color-error-border: #f5c6cb;--color-success: #155724;--color-success-bg: #d4edda;--color-success-border: #c3e6cb}[data-theme="dark"]{--color-error: #f8d7da;--color-error-bg: #5a1e22;--color-error-border: #721c24;--color-success: #d4edda;--color-success-bg: #1e4e2a;--color-success-border: #155724}@media (max-width: 480px){.checkout-container{padding:1.5rem}.checkout-header h2{font-size:1.5rem}.toast{right:10px;left:10px;max-width:none}}.loading-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.7);display:flex;align-items:center;justify-content:center;z-index:10000;backdrop-filter:blur(4px)}.loading-content{text-align:center;color:white}.loading-spinner{width:60px;height:60px;border:4px solid rgba(255,255,255,0.3);border-top-color:white;border-radius:50%;margin:0 auto 1rem;animation:spin 1s linear infinite}.loading-content p{font-size:1.125rem;margin:0}.login-prompt-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,0.7);display:flex;align-items:center;justify-content:center;border-radius:12px;backdrop-filter:blur(4px);z-index:10}.login-prompt-content{text-align:center;color:white}.login-prompt-content p{font-size:1.2rem;margin-bottom:1rem;font-weight:500}.login-prompt-content .login-prompt-btn{background-color:var(--color-brand-primary);color:white;border:none;padding:12px 24px;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all 0.3s ease}.login-prompt-content .login-prompt-btn:hover{background-color:var(--color-brand-secondary);transform:translateY(-2px)}.upload-icon i,.file-icon i,.new-job-btn .icon i{font-size:1.2em;color:var(--color-brand-primary)}.indicator i{font-size:1em;color:white;margin-right:0.2em}[data-theme="dark"] .upload-icon i,[data-theme="dark"] .file-icon i,[data-theme="dark"] .new-job-btn .icon i{color:var(--color-brand-primary);opacity:1}.hero-section{text-align:center;padding:4rem 0;background:linear-gradient(135deg, #7b8ff2 0%, #8a6bb2 100%);color:white;position:relative;overflow:hidden}.hero-section::before{content:'';position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle, rgba(255,255,255,0.1) 1%, transparent 1%);background-size:50px 50px;animation:backgroundScroll 60s linear infinite;opacity:0.3}@keyframes backgroundScroll{0%{transform:translate(0, 0)}100%{transform:translate(50px, 50px)}}.hero-title{font-size:3.5rem;margin-bottom:1rem;font-weight:700;position:relative;z-index:1;text-shadow:2px 2px 4px rgba(0,0,0,0.2)}.hero-subtitle{font-size:1.375rem;opacity:1;margin-bottom:2rem;position:relative;z-index:1;font-weight:400;text-shadow:1px 1px 3px rgba(0,0,0,0.2)}.trust-indicators{display:flex;justify-content:center;gap:2.5rem;flex-wrap:wrap;position:relative;z-index:1}.indicator{display:flex;align-items:center;gap:0.5rem;font-size:0.9rem;opacity:1;font-weight:500;text-shadow:1px 1px 2px rgba(0,0,0,0.15)}.use-cases{padding:5rem 0;background:var(--color-bg-secondary)}.use-cases .container{max-width:1000px;margin:0 auto;padding:0 var(--space-lg)}.use-case-grid{display:grid;gap:2rem;margin-top:3rem;grid-template-columns:1fr}@media (min-width: 768px){.use-case-grid{grid-template-columns:repeat(2, 1fr)}}.use-case-card{background:var(--color-bg-primary);padding:2rem 1.5rem;border-radius:var(--radius-lg);text-align:center;box-shadow:var(--shadow-md);transition:all var(--transition-base);border:1px solid var(--color-border-light);position:relative;overflow:hidden}.use-case-card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg, var(--color-brand-primary), var(--color-brand-secondary));transform:translateX(-100%);transition:transform 0.5s ease}.use-case-card:hover::before{transform:translateX(0)}.use-case-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl)}.use-case-icon{font-size:2.5rem;margin-bottom:1rem;display:block;color:var(--color-brand-primary);transition:transform var(--transition-base)}.use-case-card:hover .use-case-icon{transform:scale(1.1) rotate(5deg)}.use-case-card h3{color:var(--color-text-primary);margin-bottom:0.5rem;font-size:1.125rem}.use-case-card p{color:var(--color-text-secondary);font-size:0.9rem;line-height:1.5}.how-it-works{padding:5rem 0;background:var(--color-bg-primary)}.steps{display:flex;flex-direction:column;gap:2rem;margin-top:3rem;position:relative;max-width:600px;margin-left:auto;margin-right:auto}.step{position:relative;z-index:1;display:flex;align-items:center;gap:2rem;text-align:left}.step:not(:last-child)::after{content:'';position:absolute;bottom:-1.5rem;left:30px;transform:translateX(-50%);width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-top:12px solid var(--color-brand-primary);z-index:2}.step-number{width:60px;height:60px;min-width:60px;background:var(--color-brand-primary);color:white;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:bold;margin:0 auto 1.5rem;box-shadow:var(--shadow-md);position:relative}.step-number::after{content:'';position:absolute;width:80px;height:80px;border:2px solid var(--color-brand-light);border-radius:50%;top:-10px;left:-10px;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:0.5}100%{transform:scale(1);opacity:1}}.step h3{color:var(--color-text-primary);margin-bottom:0.5rem;font-size:1.25rem}.step p{color:var(--color-text-secondary);font-size:0.95rem}.step-content{flex:1}.testimonials{padding:5rem 0;background:var(--color-bg-primary)}.testimonial-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(350px, 1fr));gap:2rem;margin-top:3rem}.testimonial{background:var(--color-bg-secondary);padding:2.5rem;border-radius:var(--radius-lg);border-left:4px solid var(--color-brand-primary);box-shadow:var(--shadow-sm);transition:all var(--transition-base)}.testimonial:hover{box-shadow:var(--shadow-md);transform:translateX(4px)}.testimonial p{font-style:italic;margin-bottom:1.5rem;color:var(--color-text-primary);font-size:1.05rem;line-height:1.7}.author{display:flex;align-items:center;gap:1rem}.author::before{content:'⭐⭐⭐⭐⭐';font-size:0.875rem;letter-spacing:2px}.author strong{display:block;color:var(--color-text-primary);font-weight:600}.author span{color:var(--color-text-secondary);font-size:0.875rem}.modal{position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgba(0,0,0,0.4);backdrop-filter:blur(4px)}.modal-content{background-color:var(--color-background);margin:5% auto;padding:2rem;border:1px solid var(--color-primary-bg);border-radius:12px;width:90%;max-width:500px;box-shadow:0 4px 20px rgba(0,0,0,0.1);position:relative}.close{color:var(--color-text-secondary);float:right;font-size:28px;font-weight:bold;line-height:20px;cursor:pointer;transition:color 0.2s}.close:hover{color:var(--color-text-primary)}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:0.5rem;font-weight:500;color:var(--color-text-primary)}.form-group input,.form-group textarea{width:100%;padding:0.75rem;border:2px solid var(--color-border);border-radius:8px;background:var(--color-background);color:var(--color-text-primary);font-size:1rem;transition:all 0.2s}.form-group textarea{resize:none;font-family:inherit}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--color-brand-primary);box-shadow:0 0 0 3px rgba(37,99,235,0.1)}[data-theme="dark"] .form-group input,[data-theme="dark"] .form-group textarea{border-color:rgba(255,255,255,0.2);background:rgba(255,255,255,0.05)}[data-theme="dark"] .form-group input:focus,[data-theme="dark"] .form-group textarea:focus{border-color:var(--color-brand-primary);background:rgba(255,255,255,0.08)}.submit-btn{width:100%;padding:0.875rem 2rem;background:var(--color-brand-primary);color:white;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:background 0.2s}.submit-btn:hover{background:var(--color-brand-primary-hover)}.submit-btn:disabled{opacity:0.7;cursor:not-allowed}#free-signup-message{margin-top:1rem;padding:1rem;border-radius:8px;text-align:center}#free-signup-message.success{background:#d4edda;color:#155724;border:1px solid #c3e6cb}#free-signup-message.error{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb}#email-modal .modal-content{max-width:400px}#email-modal h3{margin-bottom:0.5rem}#email-modal p{margin-bottom:1.5rem;color:var(--color-text-secondary)}.email-input{width:100%;padding:0.75rem;border:2px solid var(--color-border);border-radius:8px;background:var(--color-background);color:var(--color-text-primary);font-size:1rem;margin-bottom:1.5rem;transition:all 0.2s}.email-input:focus{outline:none;border-color:var(--color-brand-primary);box-shadow:0 0 0 3px rgba(37,99,235,0.1)}[data-theme="dark"] .email-input{border-color:rgba(255,255,255,0.2);background:rgba(255,255,255,0.05)}[data-theme="dark"] .email-input:focus{border-color:var(--color-brand-primary);background:rgba(255,255,255,0.08)}.modal-actions{display:flex;gap:1rem;justify-content:flex-end}.modal-actions .submit-btn{flex:1}.modal-actions .cancel-btn{background:var(--color-bg-tertiary);color:var(--color-text-primary);border:1px solid var(--color-border);padding:0.75rem 1.5rem;border-radius:8px;font-weight:500;cursor:pointer;transition:background 0.2s}.modal-actions .cancel-btn:hover{background:var(--color-bg-secondary)}.faq-section{padding:5rem 0;background:var(--color-bg-secondary)}.faq-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(450px, 1fr));gap:2rem;margin-top:3rem}.faq-item{background:var(--color-bg-primary);padding:2rem;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:all var(--transition-base)}.faq-item:hover{box-shadow:var(--shadow-md)}.faq-item h3{margin-bottom:0.75rem;color:var(--color-text-primary);font-size:1.125rem;display:flex;align-items:center;gap:0.5rem}.faq-item h3::before{content:'❓';font-size:1.25rem}.faq-item p{color:var(--color-text-secondary);line-height:1.6}.final-cta{padding:5rem 0;text-align:center;background:linear-gradient(135deg, #7b8ff2 0%, #8a6bb2 100%);color:white;position:relative;overflow:hidden}.final-cta .rotating-bg{content:'';position:absolute;bottom:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle, rgba(255,255,255,0.1) 0%, transparent 70%);animation:rotate 30s linear infinite;z-index:0}@keyframes rotate{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.final-cta h2{margin-bottom:1rem;position:relative;z-index:1;font-size:2.5rem;text-shadow:2px 2px 4px rgba(0,0,0,0.2)}.final-cta p{font-size:1.125rem;opacity:1;position:relative;z-index:1;text-shadow:1px 1px 3px rgba(0,0,0,0.2)}.cta-button{padding:1.25rem 2.5rem;font-size:1.125rem;background:white;color:var(--color-brand-primary);border:none;border-radius:var(--radius-md);font-weight:600;cursor:pointer;transition:all var(--transition-base);margin-top:1.5rem;position:relative;z-index:1;box-shadow:var(--shadow-lg)}.cta-button:hover{transform:translateY(-3px);box-shadow:0 6px 20px rgba(0,0,0,0.3);background:rgba(255,255,255,0.95)}.quality-comparison{padding:5rem 0;background:var(--color-bg-secondary)}.pricing-subtitle{text-align:center;color:var(--color-text-secondary);margin-bottom:3rem;font-size:1.125rem}.pricing-wrapper{display:flex;justify-content:center;align-items:stretch;gap:2rem;max-width:1200px;margin:0 auto 3rem}.pricing-cards{display:flex;gap:1.5rem;flex:1}.pricing-card{background:var(--color-bg-primary);border-radius:12px;padding:2rem;position:relative;flex:1;display:flex;flex-direction:column;box-shadow:0 2px 10px rgba(0,0,0,0.08);border:1px solid var(--color-border-light);transition:all 0.3s ease}.pricing-card:hover{transform:translateY(-4px);box-shadow:0 8px 25px rgba(0,0,0,0.12)}.pricing-card.featured{border:2px solid var(--color-brand-primary);transform:scale(1.05)}.pricing-card.featured:hover{transform:scale(1.05) translateY(-4px)}.popular-badge{position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:var(--color-brand-primary);color:white;padding:0.25rem 1rem;border-radius:20px;font-size:0.75rem;font-weight:600;text-transform:uppercase;letter-spacing:0.5px}.card-header{text-align:center;padding-bottom:1.5rem;border-bottom:1px solid var(--color-border-light);margin-bottom:1.5rem}.card-header h3{margin:0 0 1rem 0;font-size:1.5rem;color:var(--color-text-primary)}.price{display:flex;align-items:baseline;justify-content:center;gap:0.25rem}.price .amount{font-size:2.5rem;font-weight:700;color:var(--color-text-primary)}.price .period{font-size:1rem;color:var(--color-text-secondary)}.savings{margin-top:0.5rem;color:var(--color-success);font-weight:600;font-size:0.9rem}.card-features{flex:1}.card-features ul{list-style:none;padding:0;margin:0}.card-features li{padding:0.75rem 0;color:var(--color-text-secondary);font-size:0.95rem;display:flex;align-items:center;gap:0.5rem}.card-features li:first-child{padding-top:0}.pricing-btn{width:100%;padding:1rem;border:none;border-radius:8px;font-weight:600;font-size:1rem;cursor:pointer;transition:all 0.2s;margin-top:1.5rem}.free-btn{background:var(--color-bg-tertiary);color:var(--color-text-primary);border:1px solid var(--color-border)}.free-btn:hover{background:var(--color-bg-secondary);transform:translateY(-2px)}.free-btn.current-plan{background:var(--color-success);color:white;border-color:var(--color-success);cursor:default}.free-btn.current-plan:hover{background:var(--color-success);transform:none}.free-btn:disabled{opacity:0.6;cursor:not-allowed}.free-btn:disabled:hover{background:var(--color-bg-tertiary);transform:none}.pro-btn,a.pro-btn{background:var(--color-brand-primary);color:white !important;font-weight:600;letter-spacing:0.025em;text-decoration:none !important;display:inline-block;text-align:center}.pro-btn:hover,a.pro-btn:hover{background:var(--color-brand-secondary);color:white !important;transform:translateY(-2px);box-shadow:0 4px 12px rgba(74,144,226,0.3)}.featured-btn{background:var(--color-brand-primary);font-size:1.125rem;padding:1.25rem}.api-addon{width:300px;flex-shrink:0;background:var(--color-bg-primary);border-left:1px solid var(--color-border-light);display:flex;align-items:stretch}.api-card{background:var(--color-bg-primary);border:none;border-radius:0;padding:3rem 2rem;width:100%;display:flex;flex-direction:column;text-align:center;position:relative;transition:none;box-shadow:none;color:var(--color-text-primary)}.api-card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:var(--color-brand-primary)}.api-icon{font-size:2.5rem;margin-bottom:1rem;color:var(--color-brand-primary)}.api-card h3{margin-bottom:0.75rem;color:var(--color-text-primary);font-size:1.75rem;font-weight:600}.api-card p{color:var(--color-text-secondary);margin-bottom:1.5rem;font-size:1rem;line-height:1.5}.api-card ul{list-style:none;padding:0;margin:0 0 2.5rem 0;text-align:left;flex-grow:1}.api-card li{padding:0.75rem 0;color:var(--color-text-secondary);font-size:0.95rem;display:flex;align-items:flex-start;gap:0.75rem;border-bottom:1px solid var(--color-border-light)}.api-card li:last-child{border-bottom:none}.api-card li::before{content:'✓';color:var(--color-success);font-weight:bold;font-size:1.2rem;line-height:1;margin-top:2px}.api-btn{width:100%;padding:1rem;background:var(--color-brand-primary);color:white;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all 0.2s;font-size:1rem;letter-spacing:0.5px;text-align:center}.api-btn:hover{background:var(--color-brand-secondary);transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,0.2)}.api-card .api-btn{display:block !important;text-align:center;font-weight:600;text-decoration:none !important;color:white !important}.api-card .api-btn:hover{color:white !important}.pricing-trust{display:flex;justify-content:center;gap:3rem;flex-wrap:wrap;padding:0 2rem}.trust-item{display:flex;align-items:center;gap:0.5rem;color:var(--color-text-secondary);font-size:0.9rem;font-weight:500}.trust-item .icon{font-size:1.25rem;color:var(--color-brand-primary)}.pricing-wrapper:hover{box-shadow:0 8px 40px rgba(0,0,0,0.12);transform:translateY(-2px);transition:all 0.3s ease}section .container{max-width:1200px;margin:0 auto;padding:0 2rem}section h2{font-size:2.5rem;text-align:center;margin-bottom:1rem;color:var(--color-text-primary);font-weight:700}.quality-comparison h2{color:var(--color-text-primary)}[data-theme="dark"] .hero-section,[data-theme="dark"] .final-cta{background:linear-gradient(135deg, #5a6bc8 0%, #6a4990 100%)}[data-theme="dark"] .pricing-wrapper{background:var(--color-bg-secondary)}[data-theme="dark"] .pricing-card{background:var(--color-bg-primary);color:var(--color-text-primary);border-color:var(--color-border)}[data-theme="dark"] .card-header h3,[data-theme="dark"] .price .amount{color:var(--color-text-primary)}[data-theme="dark"] .card-features li{color:var(--color-text-secondary)}[data-theme="dark"] .api-card{background:var(--color-bg-tertiary);border-left-color:var(--color-border)}[data-theme="dark"] .api-card h3{color:var(--color-text-primary)}[data-theme="dark"] .api-card p,[data-theme="dark"] .api-card li{color:var(--color-text-secondary)}[data-theme="dark"] .api-btn{background:var(--color-brand-primary);color:white}[data-theme="dark"] .api-btn:hover{background:var(--color-brand-secondary)}[data-theme="dark"] .trust-item{color:var(--color-text-secondary)}[data-theme="dark"] .trust-item .icon{color:var(--color-brand-primary)}@media (max-width: 968px){.pricing-wrapper{flex-direction:column;margin:0 1rem 3rem}.api-addon{width:100%;border-left:none;border-top:1px solid var(--color-border-light)}.api-card::before{display:none}stripe-pricing-table{min-height:auto}.pricing-trust{flex-direction:column;gap:1rem;text-align:center}.pricing-cards{flex-direction:column}}.midi-mode-selector{margin-bottom:1rem;width:100%}.midi-mode-selector p{margin-bottom:0.5rem;font-weight:500;color:var(--color-text-primary);font-size:0.9rem}.midi-settings{width:100%;max-width:100%;box-sizing:border-box}.mode-options{display:flex;background:#1a1a1a;border-radius:10px;padding:6px;gap:6px;box-shadow:inset 0 2px 4px rgba(0,0,0,0.6);width:100%;max-width:500px;margin:0 auto}.radio-option{flex:1;position:relative;cursor:pointer;min-width:0;overflow:hidden}.radio-option input[type="radio"]{position:absolute;opacity:0;width:0;height:0}.radio-option span{display:block;padding:0.875rem 1.25rem;text-align:center;border-radius:6px;transition:all 0.2s ease;font-size:0.9rem;color:#888;background:transparent;border:1px solid transparent}.radio-option input[type="radio"]:checked+span{background:#2563eb;color:white;font-weight:500;box-shadow:0 2px 8px rgba(37,99,235,0.4);border:1px solid #3b82f6}.radio-option:hover span{color:#aaa}.radio-option input[type="radio"]:checked+span:hover{color:white}[data-theme="light"] .mode-options{background:#e5e5e5;box-shadow:inset 0 2px 4px rgba(0,0,0,0.1)}[data-theme="light"] .radio-option span{color:#666}[data-theme="light"] .radio-option:hover span{color:#333}[data-theme="light"] .radio-option input[type="radio"]:checked+span{background:#2563eb;color:white;box-shadow:0 2px 8px rgba(37,99,235,0.3)}.midi-instruments{background:var(--color-bg-secondary);padding:0.75rem;border-radius:8px;margin-top:0.5rem;width:100%;box-sizing:border-box}.midi-instruments p{margin-bottom:0.75rem;font-weight:500;color:var(--color-text-primary)}.instrument-grid{display:grid;grid-template-columns:repeat(4, 1fr);gap:0.5rem;max-width:100%}.instrument-grid.compact{display:flex;flex-wrap:wrap;gap:0.5rem;justify-content:center}.checkbox-option{display:flex;align-items:center;gap:0.3rem;cursor:pointer;padding:0.3rem 0.5rem;border-radius:6px;transition:background 0.2s;font-size:0.875rem}.checkbox-option.compact{padding:0.3rem 0.6rem;background:var(--color-bg-primary);border:1px solid var(--color-border)}.checkbox-option.compact:hover{border-color:var(--color-brand-primary);background:var(--color-bg-accent)}.checkbox-option:hover{background:var(--color-primary-bg)}.checkbox-option input[type="checkbox"]{cursor:pointer}.checkbox-option span{font-size:0.875rem;color:var(--color-text-primary)}.checkbox-option.compact span{font-size:0.8125rem}@media (max-width: 768px){.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.125rem}.trust-indicators{flex-direction:column;gap:1rem}.steps::before{display:none}.faq-grid{grid-template-columns:1fr}.testimonial-grid{grid-template-columns:1fr}section h2{font-size:2rem}.final-cta h2{font-size:2rem}}.stem-playback-widget{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:12px;padding:2rem;margin:2rem 0;box-shadow:var(--shadow-lg)}.stem-playback-widget h4{margin:0 0 var(--space-lg) 0;font-size:1.3rem;display:flex;align-items:center;gap:var(--space-sm)}.playback-controls{display:flex;align-items:center;gap:1rem;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid rgba(255,255,255,0.1)}.play-pause-btn{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg, var(--color-brand-primary), var(--color-brand-secondary));border:none;color:var(--color-text-inverse);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform 0.2s, box-shadow 0.2s}.play-pause-btn:hover{transform:scale(1.05);box-shadow:0 4px 16px rgba(33,150,243,0.4)}.play-pause-btn:active{transform:scale(0.95)}.play-pause-btn i{font-size:1.2rem}.time-display{color:var(--color-text-secondary);font-size:0.9rem;white-space:nowrap}.playback-progress{flex:1;height:6px;background:var(--color-bg-tertiary);border-radius:3px;cursor:pointer;position:relative}.playback-progress .progress-fill{height:100%;background:linear-gradient(90deg, #4a90e2, #357abd);border-radius:3px;transition:width 0.1s}.stem-mixer{display:grid;gap:1rem;margin-bottom:2rem}.stem-control{background:var(--color-bg-tertiary);border:1px solid var(--color-border-light);border-radius:8px;padding:1rem;display:grid;grid-template-columns:auto 40px 1fr auto;align-items:center;gap:1rem;transition:all 0.2s}.stem-control:hover{background:var(--color-bg-accent);border-color:var(--color-border)}.stem-control.muted{opacity:0.5}.stem-control.muted .stem-name{text-decoration:line-through}.stem-name{font-weight:600;color:var(--color-text-primary);min-width:100px}.mute-btn{width:32px;height:32px;border-radius:6px;border:1px solid var(--color-border);background:transparent;color:var(--color-text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.2s}.mute-btn:hover{border-color:rgba(255,255,255,0.4);color:#fff}.mute-btn.active{background:#f44336;border-color:#f44336;color:white}.volume-slider{position:relative;height:32px;display:flex;align-items:center}.volume-slider input[type="range"]{width:100%;height:4px;background:var(--color-bg-tertiary);outline:none;-webkit-appearance:none;cursor:pointer}.volume-slider input[type="range"]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;background:white;border-radius:50%;cursor:pointer;transition:transform 0.2s}.volume-slider input[type="range"]::-webkit-slider-thumb:hover{transform:scale(1.2)}.volume-slider input[type="range"]::-moz-range-thumb{width:16px;height:16px;background:white;border-radius:50%;border:none;cursor:pointer}.volume-value{color:#999;font-size:0.85rem;min-width:40px;text-align:right}.melody-note{display:flex;align-items:center;gap:0.5rem;padding:0.75rem 1rem;background:rgba(74,144,226,0.1);border-radius:6px;margin-top:1rem;font-size:0.85rem;color:#999}.melody-note i{color:#4fc3f7;font-size:0.9rem}.mix-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.mix-btn{padding:0.75rem 1.5rem;border-radius:8px;border:1px solid var(--color-border);background:transparent;color:var(--color-text-primary);font-weight:500;cursor:pointer;display:flex;align-items:center;gap:0.5rem;transition:all 0.2s}.mix-btn:hover{background:rgba(255,255,255,0.1);border-color:rgba(255,255,255,0.3)}.mix-btn.primary{background:linear-gradient(135deg, #2196F3, #1976D2);border-color:transparent}.mix-btn.primary:hover{background:linear-gradient(135deg, #1976D2, #1565C0);transform:translateY(-1px);box-shadow:0 4px 16px rgba(33,150,243,0.3)}.mix-btn i{font-size:0.9rem}.webgpu-section{margin-top:var(--space-md)}.webgpu-toggle{display:inline-flex;align-items:center;gap:var(--space-md);cursor:pointer;padding:var(--space-sm) var(--space-md);background:var(--color-bg-accent);border-radius:var(--radius-md);border:1px solid var(--color-border);transition:all var(--transition-base)}.webgpu-toggle:hover{border-color:var(--color-brand-primary)}.webgpu-status{display:flex;align-items:center;gap:var(--space-xs);font-size:0.875rem;font-weight:500}.webgpu-status .status-icon{font-style:normal}.webgpu-toggle input[type="checkbox"]{display:none}.toggle-slider{width:40px;height:20px;background:var(--color-bg-tertiary);border-radius:20px;position:relative;transition:all 0.3s ease}.toggle-slider::after{content:'';position:absolute;width:16px;height:16px;background:white;border-radius:50%;top:2px;left:2px;transition:all 0.3s ease;box-shadow:0 2px 4px rgba(0,0,0,0.2)}.webgpu-toggle input:checked+.toggle-slider{background:var(--color-danger)}.webgpu-toggle input:checked+.toggle-slider::after{transform:translateX(20px)}.webgpu-toggle input:checked ~ .webgpu-status{color:var(--color-text-secondary)}.webgpu-toggle input:checked ~ .webgpu-status .status-icon{opacity:0.6}.navbar-links.simple{gap:2rem}.navbar-links.simple li{font-weight:500}.signup-cta{background:var(--color-brand-primary, #4a90e2);color:white !important;padding:0.5rem 1.5rem;border-radius:6px;font-weight:600;transition:all 0.2s;text-decoration:none}.signup-cta:hover{background:var(--color-brand-secondary, #357abd);transform:translateY(-1px);box-shadow:0 2px 8px rgba(0,0,0,0.15)}.footer-modern{background:var(--color-bg-secondary);color:var(--color-text-primary);padding:4rem 0 2rem;margin-top:5rem;border-top:1px solid var(--color-border)}.footer-container{max-width:1200px;margin:0 auto;padding:0 50px;display:flex;justify-content:space-between;gap:2rem}.footer-left{flex:1.5;max-width:30%}.footer-right{flex:1;max-width:20%;padding-left:3%}.footer-newsletter{flex:1.2;max-width:25%;padding-left:3%}.footer-brand{margin-bottom:1.5rem}.footer-brand img{margin-bottom:0.5rem}.footer-brand p{color:var(--color-text-secondary);font-size:0.95rem}.footer-social{display:flex;gap:1rem}.footer-social a{width:40px;height:40px;background:var(--color-bg-tertiary);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--color-text-secondary);transition:all 0.2s}.footer-social a:hover{background:var(--color-brand-primary);color:white;transform:translateY(-2px)}.footer-modern h4{color:var(--color-text-primary);font-size:1.125rem;margin-bottom:1.5rem;font-weight:600}.footer-modern nav{display:flex;flex-direction:column;gap:0.75rem}.footer-modern nav a{color:var(--color-text-secondary);text-decoration:none;transition:color 0.2s;font-size:0.95rem}.footer-modern nav a:hover{color:var(--color-brand-primary)}.footer-newsletter p{color:var(--color-text-secondary);margin-bottom:1rem;font-size:0.95rem}.footer-newsletter .emailoctopus-form{max-width:220px}.footer-newsletter .emailoctopus-form input[type="email"],.footer-newsletter .emailoctopus-form button{width:100%}.footer-bottom{text-align:center;margin-top:3rem;padding-top:2rem;border-top:1px solid var(--color-border);color:var(--color-text-muted);font-size:0.875rem}@media (max-width: 768px){.footer-container{flex-direction:column;padding:0 20px;gap:2rem;text-align:center}.footer-left,.footer-right,.footer-newsletter{max-width:100%;padding-left:0;margin-bottom:2rem}.footer-social{justify-content:center}.footer-modern nav{align-items:center}.footer-newsletter .emailoctopus-form{margin:0 auto}}.main-container,.title-section{display:none}@media (max-width: 350px){.mobile-notice{padding:var(--space-sm);margin:0.25rem}.mobile-notice p{font-size:0.75rem;line-height:1.3}.pricing-table{padding:0;margin:0 auto;max-width:300px}.pricing-card{padding:1rem;margin:0.5rem auto;max-width:280px}.pricing-card h3{font-size:1.25rem}.price{font-size:1.5rem}.pricing-card ul{font-size:0.8125rem}.pricing-card ul li{margin-bottom:0.5rem}.testimonials-section{padding:0.5rem;margin:0}.testimonials-section h2{font-size:1.5rem;text-align:center;padding:0 1rem}.testimonials-grid,.testimonials-section .testimonial-grid,.testimonial-grid{gap:0.5rem;padding:0.5rem;margin:0 auto;max-width:300px}.testimonial-card{padding:0.75rem;font-size:0.75rem;margin:0 auto}.testimonial-header{font-size:0.75rem}.testimonial-content{font-size:0.75rem;line-height:1.4}.upload-dropzone{padding:var(--space-lg) var(--space-md)}.upload-dropzone h2{font-size:1.1rem}.upload-dropzone p{font-size:0.8125rem}.demixer-container{padding:0.5rem}.container{padding:1rem 0.5rem !important;margin:0 auto}.testimonial-card{width:100%;max-width:280px;margin-left:auto !important;margin-right:auto !important}.hero-stats{padding:0.5rem;flex-wrap:wrap}.stat-item{min-width:45%}.stat-item p{font-size:0.75rem}.email-btn,.continue-link{padding:0.5rem 0.75rem;font-size:0.8125rem}.email-input{font-size:0.875rem;padding:0.5rem}}