:root{color-scheme:dark;--bg:#080e1e;--panel:#101a2c;--panel2:#142137;--stroke:#27374f;--muted:#90a3be;--white:#f4f8ff;--accent:#70f1cb;--purple:#867aff}*{box-sizing:border-box}body{background:radial-gradient(ellipse at 60% -10%,#16264a 0%,transparent 52%),var(--bg);color:var(--white);font:15px/1.5 Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;margin:0;min-height:100vh}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}.light-blob{pointer-events:none;position:fixed;z-index:-1;border-radius:50%;filter:blur(110px);opacity:.16}.blob-one{width:400px;height:400px;background:#685bdc;right:-220px;top:190px}.blob-two{width:400px;height:400px;background:#168c9a;left:-290px;top:660px}.shell{max-width:1110px;padding:0 28px;margin:auto}.topbar{height:94px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #20304a}.logo{display:flex;align-items:center;gap:11px;font-size:19px;font-weight:900;letter-spacing:1.2px;line-height:1}.logo small{display:block;font-size:9px;font-weight:700;color:#849abb;letter-spacing:4.7px;margin-top:6px}.logo-bright{color:var(--accent)}.logo-mark{height:37px;width:37px;border:1px solid #3d5e70;background:#193149;border-radius:11px;display:flex;align-items:center;justify-content:center;color:var(--accent)}.logo-mark svg{height:29px;width:29px}.topright{display:flex;align-items:center;gap:10px;color:#b0c1d7;font-size:12px;font-weight:600}.status-led{width:8px;height:8px;background:#71ecc3;border-radius:50%;box-shadow:0 0 13px #71ecc3}.dotspacer{color:#445673}.hero{padding:65px 0 51px}.eyebrow{color:#78d5c9;font-size:10px;letter-spacing:2.6px;font-weight:900;display:flex;gap:10px;align-items:center}.eyebrow-line{display:inline-block;width:23px;height:1px;background:#78d5c9}.version{color:#9aa8c0;background:#1e2b43;border:1px solid #31415b;border-radius:4px;padding:2px 6px;margin-left:5px;letter-spacing:1px;font-size:9px}.hero h1{font-weight:850;letter-spacing:-3.2px;font-size:clamp(38px,6vw,73px);line-height:1.06;margin:17px 0 20px}.hero h1 em{font-style:normal;background:linear-gradient(100deg,#6af3d4,#7c9dfb);-webkit-background-clip:text;background-clip:text;color:transparent}.hero>p{color:#9eb0c8;max-width:630px;font-size:17px;line-height:1.7;margin:0}.hero-mini{display:flex;gap:24px;margin-top:23px;flex-wrap:wrap;color:#b2c1d6;font-size:12px;font-weight:650}.hero-mini span{display:flex;gap:9px;align-items:center}.checkdot{width:6px;height:6px;border-radius:50%;background:#75eac8;box-shadow:0 0 8px #5ea58f}.workspace{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:start}.panel{background:linear-gradient(135deg,#132038 0%,#101a2d 63%);border:1px solid var(--stroke);border-radius:17px;padding:25px;box-shadow:0 12px 45px #0000001f}.panel-title{display:flex;align-items:center;gap:12px;margin-bottom:25px}.step{width:34px;height:34px;border:1px solid #355b66;color:#75dec9;border-radius:8px;display:grid;place-items:center;background:#18313c;font-size:12px;font-weight:800}.panel-title h2{font-size:19px;line-height:1.25;letter-spacing:-.5px;margin:0}.panel-title p{font-size:12px;color:#8b9eb7;margin:5px 0 0}.mini-icon{margin-left:auto;color:#62829d;font-size:25px;line-height:1}.dropzone{min-height:277px;border:1.5px dashed #40627d;border-radius:13px;background:radial-gradient(ellipse at 50% 0%,#203a4b,#14243a 90%);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:7px;cursor:pointer;transition:.2s;border-spacing:5px}.dropzone:hover,.dropzone.drag{border-color:var(--accent);background:#1c3347;transform:translateY(-1px)}.drop-icon{display:flex;align-items:center;justify-content:center;width:73px;height:73px;border:1px solid #355f73;border-radius:18px;background:#244158;color:var(--accent);margin-bottom:15px}.drop-icon svg{width:37px;height:37px}.dropzone strong{font-size:16px;font-weight:800}.dropzone>span{font-size:12px;color:#8ba7c2}.dropzone .file-types{border:1px solid #35516c;padding:5px 10px;background:#1c3048;border-radius:6px;margin-top:15px;font-size:10px;letter-spacing:1.5px;color:#a7b8ca}.uploaded{border:1px solid #365675;background:#162940;border-radius:11px;margin-top:17px;display:flex;align-items:center;padding:12px;gap:12px}.music-disc{width:45px;height:45px;border-radius:10px;background:#25465a;display:grid;place-items:center;color:#70f1cb;font-size:24px}.file-detail{min-width:0;flex:1}.file-detail strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.file-detail span{display:block;font-size:11px;color:#91a4bb}.uploaded button{border:0;background:none;color:#96adc3;font-size:26px}.audio-player{margin-top:15px;width:100%;height:38px}.waveform-wrap{margin-top:15px;padding:13px;background:#0b1426;border:1px solid #243650;border-radius:10px}.waveform-wrap canvas{display:block;width:100%;height:62px}.waveform-bottom{display:flex;justify-content:space-between;color:#7895ad;letter-spacing:1.3px;font-size:9px;margin-top:7px}.setting-label{color:#aec0d5;font-size:10px;font-weight:800;letter-spacing:1.8px;margin-bottom:12px}.space-above{margin-top:26px}.modes{display:grid;gap:9px}.mode{position:relative;border:1px solid #35475e;display:flex;align-items:center;gap:12px;padding:13px;border-radius:10px;cursor:pointer;background:#142139;transition:.15s}.mode.selected{border-color:#58baab;background:#173843;box-shadow:inset 0 0 0 1px #3c857d}.mode input{position:absolute;opacity:0;pointer-events:none}.mode-icon{width:34px;height:34px;flex:none;display:grid;place-items:center;border-radius:9px;color:#b2bdd3;background:#23334d;font-size:23px}.selected .mode-icon{color:#86eed5;background:#23525a}.mode-copy{flex:1;min-width:0}.mode-copy strong{display:block;font-size:12px;line-height:1.35}.mode-copy small{display:block;color:#91a4bf;margin-top:4px;font-size:11px;line-height:1.4}.pill{display:inline-block;vertical-align:1px;border:1px solid #3e8c81;padding:3px 5px;border-radius:4px;color:#8aebd0;font-size:8px;letter-spacing:.3px;white-space:nowrap;margin-left:2px}.radio-visual{width:17px;height:17px;border:1px solid #7a8ba2;border-radius:50%;flex:none;position:relative}.selected .radio-visual{border-color:#74ecd1}.selected .radio-visual:after{content:'';position:absolute;inset:4px;border-radius:50%;background:#74ecd1}.segmented{display:grid;grid-template-columns:repeat(5,1fr);gap:5px;border:1px solid #2d4059;background:#0e1a2c;border-radius:10px;padding:4px}.segment{border:0;border-radius:7px;background:transparent;color:#9cafc7;padding:9px 2px;font-size:11px;font-weight:800;white-space:nowrap}.segment.active{background:#344b60;color:#c4ffec}.range-row{display:grid;grid-template-columns:105px 1fr 45px;align-items:center;gap:11px;margin-top:20px;color:#93a8bf;font-size:11px}.range-row b{color:#d5e5f4}.range-row input{width:100%}.range-limit{text-align:right}input[type=range]{accent-color:#75e9cf;cursor:pointer}.slider-row,.slider-ticks{display:flex;justify-content:space-between;color:#93a6bf;font-size:11px}.slider-row+input{width:100%;margin-top:11px}.slider-ticks{font-size:9px;font-weight:800;color:#6b84a0;letter-spacing:.7px}.notice{border:1px solid #33465d;border-radius:9px;background:#1b2b41;display:flex;align-items:flex-start;gap:12px;padding:12px;margin:20px 0;color:#aab9cc;font-size:11px;line-height:1.55}.notice-icon{font-size:17px;color:#85adca;line-height:1}.primary-btn{margin-top:3px;width:100%;height:54px;border:0;border-radius:10px;background:linear-gradient(110deg,#67e8c6,#6fb4dd);color:#0a2334;font-weight:900;font-size:15px;box-shadow:0 7px 24px #43c7a828;display:flex;gap:10px;justify-content:center;align-items:center}.primary-btn:disabled{background:#2a4252;color:#7896a9;box-shadow:none}.primary-btn:not(:disabled):active{transform:scale(.99)}.btn-arrow{margin-left:4px;font-size:23px}.sparkle{font-size:22px}.demo-link{text-align:center;margin-top:16px}.demo-link button{color:#85d9d0;background:none;border:0;font-size:11px;text-decoration:underline;text-underline-offset:4px}.processing{margin-top:20px;border-radius:15px;padding:20px 25px;background:#14243a;border:1px solid #337d75}.processing-line{display:flex;align-items:center;gap:13px}.animated-disc{display:grid;place-items:center;border-radius:10px;background:#205150;color:#8effd7;width:40px;height:40px;font-size:25px;animation:rotate 2.5s linear infinite}@keyframes rotate{to{transform:rotate(360deg)}}.processing-head{flex:1}.processing-head strong,.processing-head span{display:block}.processing-head span{font-size:11px;color:#99b3c4}.processing-line>strong{font-size:19px;color:#8affcf}.progress-track{height:7px;border-radius:10px;background:#27384f;overflow:hidden;margin-top:15px}.progress-track span{height:100%;width:0;display:block;background:linear-gradient(90deg,#6fe9cc,#85a7f4);transition:width .2s}.processing p{font-size:11px;color:#93a7c0;margin-bottom:0}.error-msg{background:#392331;color:#ffb4ba;border:1px solid #9c4b65;border-radius:10px;padding:16px;margin-top:20px;font-size:13px;overflow-wrap:anywhere}.output-panel{grid-column:1/-1}.success-badge{margin-left:auto;border-radius:50%;background:#21564e;color:#76efd0;width:33px;height:33px;display:grid;place-items:center;font-size:19px}.result-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:25px}.result-stats div{border:1px solid #2e405c;border-radius:11px;background:#111e33;padding:15px;text-align:center}.result-stats span{font-size:23px;font-weight:850;display:block;letter-spacing:-.6px}.result-stats small{font-size:9px;letter-spacing:1.5px;color:#92a5bd;font-weight:700}.roll-head{display:flex;justify-content:space-between;align-items:center;color:#9db1c9;letter-spacing:1px;font-size:10px;font-weight:800;margin-bottom:10px}.roll-head select{color:#d5ede7;background:#1d3146;border:1px solid #406077;border-radius:6px;padding:6px}.roll-view{background:#0a1524;overflow:auto;border:1px solid #334358;border-radius:10px}.roll-view canvas{width:100%;display:block;min-height:230px}.roll-hint{font-size:10px;color:#7e95b0;margin:11px 0 21px}.result-actions{display:grid;grid-template-columns:2fr 1fr;gap:10px}.download-btn,.secondary-btn{border-radius:10px;padding:14px;font-weight:850}.download-btn{border:0;background:linear-gradient(120deg,#66e9c7,#7ccae8);color:#102e42}.download-btn span{font-size:20px}.secondary-btn{border:1px solid #49657b;background:#223a4d;color:#d6e8f3}.preview-actions{display:flex;justify-content:center;gap:10px;margin-top:17px}.play-button,.stop-button{background:transparent;border:1px solid #415e75;color:#a7c8d7;padding:10px 14px;border-radius:8px;font-size:12px}.stop-button:disabled{opacity:.35}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;padding:60px 0 50px}.features>div{padding-left:11px;border-left:1px solid #293b54}.feature-icon{font-size:27px;color:#7bdac8}.features strong{display:block;font-size:14px;margin:8px 0}.features p{font-size:12px;line-height:1.7;color:#93a9c1;margin:0}footer{min-height:90px;border-top:1px solid #25344d;display:flex;justify-content:space-between;align-items:center;color:#7490ab;font-size:10px;letter-spacing:1.2px;font-weight:700}footer b{color:#4f677f;font-weight:500}.hidden{display:none!important}@media(max-width:770px){.shell{padding:0 17px}.topbar{height:74px}.topright{font-size:10px}.dotspacer{display:none}.hero{padding:44px 0 36px}.hero h1{letter-spacing:-2px;margin:14px 0}.hero>p{font-size:14px}.hero-mini{gap:12px;font-size:10px}.workspace{grid-template-columns:1fr;gap:14px}.panel{padding:18px}.panel-title{margin-bottom:20px}.panel-title h2{font-size:17px}.dropzone{min-height:226px}.features{gap:15px;padding:46px 0;grid-template-columns:1fr}.features>div{padding-left:15px}footer{gap:12px;align-items:flex-start;flex-direction:column;justify-content:center}.output-panel{grid-column:1}.eyebrow{font-size:9px}.result-stats span{font-size:19px}.range-row{grid-template-columns:95px 1fr 34px;gap:7px}.pill{font-size:7px}.mode-copy small{font-size:10px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}