:root{--purple-950:#2e155f;--purple-900:#3c1d7d;--purple-800:#4d28a6;--purple-700:#5d35cc;--purple-600:#6f4be8;--purple-500:#815ff0;--purple-300:#bca9f8;--purple-100:#eee9ff;--purple-50:#f8f6ff;--ink:#202136;--muted:#666377;--line:#e7e1f1}*,*::before,*::after{box-sizing:border-box}.tool-root{font-family:'Open Sans',Arial,sans-serif;color:var(--ink);line-height:1.6;background:#fff;font-size:15px;padding-bottom:68px}.tool-root button,.tool-root input{font-family:inherit}.tool-root button{cursor:pointer}.tool-root a{color:var(--purple-700)}.tool-root :focus-visible{outline:3px solid rgba(129,95,240,.36);outline-offset:3px}.tool-root h1,.tool-root h2,.tool-root h3{margin:0;line-height:1.25;letter-spacing:-.025em}.hero{width:min(1200px,calc(100% - 36px));margin:0 auto;padding:56px 0 30px;text-align:center}.eyebrow,.mini-label{font-size:12px;font-weight:800;letter-spacing:.13em;color:var(--purple-700)}.hero h1{font-size:clamp(32px,3.1vw,45px);color:#141523;letter-spacing:-.04em;margin-top:10px}.subtitle{font-size:16px;color:#615e6b;max-width:740px;margin:15px auto 28px;line-height:1.75}.upload-shell{border:1px solid #e1d8f4;background:white;border-radius:18px;box-shadow:0 12px 36px rgba(47,29,83,.06);overflow:hidden;margin-top:26px}.dropzone{display:flex;min-height:320px;align-items:center;justify-content:center;flex-direction:column;padding:30px 26px;cursor:pointer;border:2px dashed #d4c7f6;margin:17px;border-radius:14px;transition:background .18s,border-color .18s;position:relative}.dropzone:hover,.dropzone.is-drag{background:#f9f7ff;border-color:var(--purple-500)}.dropzone input{position:absolute;opacity:0;width:1px;height:1px;clip-path:inset(50%)}.upload-graphic{width:68px;height:68px;color:var(--purple-600);display:grid;place-items:center;border-radius:19px;background:#eee9ff;margin-bottom:16px}.dropzone h2{font-size:22px;font-weight:750}.dropzone p{font-size:15px;margin:11px 0}.choose-btn{display:inline-block;background:var(--purple-600);color:white;font-weight:700;padding:11px 21px;border-radius:9px;box-shadow:0 5px 12px rgba(111,75,232,.14)}.upload-specs{font-size:13px;color:#767282;margin-top:12px}.trust-row{display:flex;justify-content:center;flex-wrap:wrap;gap:10px 22px;margin:18px 0 8px;color:#777080;font-size:13px}.alert{background:#fff4f4;color:#9c2323;border:1px solid #f4cbcb;border-radius:8px;padding:12px;text-align:left;max-width:800px;margin:15px auto}.workspace{border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:0 12px 36px rgba(47,29,83,.055);padding:24px;text-align:left;margin-top:28px}.workspace[hidden],.upload-shell[hidden],.tool-root [hidden]{display:none!important}.workspace-header{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-bottom:19px;border-bottom:1px solid var(--line)}.workspace-header h2{font-size:20px;margin:6px 0 3px;word-break:break-word}.small-meta{font-size:12px;color:#746f80}.secondary-btn{padding:10px 16px;color:#433754;border:1px solid #ddd3ee;border-radius:9px;font-size:14px;background:white;font-weight:700;white-space:nowrap}.secondary-btn:hover{border-color:var(--purple-400,#9b7cf4);background:#fcfaff}.workspace-columns{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(265px,.85fr);gap:20px;margin-top:24px}.editor-panel,.settings-panel{border:1px solid var(--line);border-radius:13px;padding:19px;min-width:0}.panel-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:16px}.editor-panel h3,.settings-panel h3{font-size:18px}.duration-pill{font-size:13px;padding:5px 12px;border-radius:22px;background:#eee9ff;color:#5636b6;font-weight:750}.waveform{border-radius:11px;background:linear-gradient(180deg,#faf9fd,#f5f2fc);padding:6px 10px;border:1px solid #eae4f7;cursor:crosshair;overflow:hidden}.waveform canvas{width:100%;height:170px;display:block;touch-action:pan-y}.wave-markers{display:flex;justify-content:space-between;color:#675a85;font-size:12px;font-weight:700}.trim-controls{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:18px}.trim-controls label{display:block;margin-bottom:6px;font-size:13px;font-weight:700;color:#4d465c}.tool-root input[type=number]{display:block;width:100%;height:42px;background:white;border:1px solid #d9d3e8;border-radius:8px;padding:9px 11px;color:#2d2638;font-size:15px}.quick-bar{display:flex;flex-wrap:wrap;align-items:center;gap:9px;margin-top:18px;font-size:12px;color:#686171}.quick-btn{border:1px solid #e3dbf2;background:#f9f7ff;color:#5940a0;padding:6px 11px;border-radius:7px;font-size:12px;font-weight:700}.quick-btn:hover{background:#eee9ff}.play-tools{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:21px}.play-btn{border-color:#cfc0f5;background:#f9f7ff;color:#4d2fb0}.text-btn{background:none;border:none;color:#6b5b90;padding:7px;font-weight:700}.settings-panel>h3{margin-bottom:20px}.control-block{margin-bottom:19px}.control-title{display:flex;justify-content:space-between;align-items:center;font-size:14px;margin-bottom:8px}.control-title label{font-weight:700}.control-title strong{color:#5840ad;font-size:14px}.control-block p{font-size:12px;color:#756e80;margin:6px 0}.tool-root input[type=range]{width:100%;height:18px;cursor:pointer;accent-color:var(--purple-600)}.option-row{position:relative;display:flex;align-items:flex-start;gap:10px;cursor:pointer;margin:10px 0 22px}.option-row strong{display:block;font-size:14px;font-weight:700}.option-row small{display:block;font-size:12px;color:#756e80;line-height:1.5;margin-top:3px}.tool-root .ui-checkbox-input{position:absolute!important;width:1px!important;height:1px!important;margin:0!important;padding:0!important;opacity:0!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important}.tool-root .ui-checkbox-visual{box-sizing:border-box!important;width:18px!important;height:18px!important;min-width:18px!important;min-height:18px!important;flex:0 0 18px!important;margin:2px 0 0!important;border:1.5px solid #bca9df!important;border-radius:4px!important;background:#fff!important;display:inline-grid!important;place-items:center!important;box-shadow:none!important}.tool-root .option-row:hover .ui-checkbox-visual{border-color:#815ff0!important}.tool-root .ui-checkbox-input:checked+.ui-checkbox-visual{border-color:#6f4be8!important;background:#6f4be8!important}.tool-root .ui-checkbox-input:checked+.ui-checkbox-visual:after{content:'';width:8px;height:4px;border-left:2px solid #fff;border-bottom:2px solid #fff;transform:translateY(-1px) rotate(-45deg)}.tool-root .ui-checkbox-input:focus-visible+.ui-checkbox-visual{outline:3px solid rgba(129,95,240,.24)!important;outline-offset:2px!important}.output-spec{padding:15px;border:1px solid #e3dbf6;background:#f8f6ff;border-radius:10px;margin-bottom:16px}.output-spec>strong{display:block;font-size:13px;color:#433275;margin-bottom:8px}.output-spec div{display:flex;justify-content:space-between;font-size:12px;margin-top:5px;color:#736b80}.output-spec b{font-weight:700;color:#513e78}.primary-btn{display:block;width:100%;min-height:48px;background:var(--purple-600);color:white;border:0;border-radius:10px;font-size:16px;font-weight:800;transition:background .18s}.primary-btn:hover{background:var(--purple-700)}.primary-btn:disabled{opacity:.56;cursor:not-allowed}.status-message{font-size:12px;color:#695b88;min-height:20px;margin:9px 0 0}.status-message.error{color:#9e242e}.status-message.success{color:#276b40}.workspace-foot{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;color:#787381;font-size:12px;margin-top:15px}.seo-content{width:min(980px,calc(100% - 36px));margin:20px auto 0}.landing-section{margin-top:71px;text-align:left}.section-label{display:inline-block;background:#f0eaff;color:#5f41bf;border:1px solid #e5dbfc;font-size:11px;letter-spacing:.1em;font-weight:800;padding:6px 13px;border-radius:30px}.landing-section h2{font-size:clamp(25px,2.5vw,32px);color:#302150;margin:13px 0 0}.section-underline{display:block;width:54px;height:4px;border-radius:6px;background:var(--purple-600);margin:14px 0 25px}.step-grid,.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.step-card,.feature-card{border:1px solid #e6def6;border-radius:13px;padding:22px;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;background:linear-gradient(135deg,#fcfbff,#f7f4ff);position:relative;overflow:hidden}.step-card:hover,.feature-card:hover{transform:translateY(-3px);border-color:#d5c8ef;box-shadow:0 13px 32px rgba(65,36,126,.09)}.step-no{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:linear-gradient(130deg,#815ff0,#5d35cc);color:white;font-weight:800;font-size:14px;margin-bottom:17px}.step-card h3,.feature-card h3{font-size:17px;color:#30234b;margin-bottom:9px}.step-card p,.feature-card p,.guidance p{font-size:15px;color:#696173;margin:0;line-height:1.76}.feature-card{background:#f8f5ff}.feature-card:after{content:'';width:92px;height:92px;position:absolute;right:-39px;top:-38px;border-radius:50%;background:rgba(154,124,242,.09);transition:transform .18s}.feature-card:hover:after{transform:scale(1.14)}.guidance p{margin:0 0 15px}.guidance a{color:#5d35cc;text-decoration:underline}.faq-list{display:grid;gap:11px}.faq-list details{border:1px solid #e9e3f4;border-radius:11px;overflow:hidden;transition:background .18s,box-shadow .18s}.faq-list details:hover{background:#faf8ff}.faq-list details[open]{background:#f8f5ff;box-shadow:inset 4px 0 0 #815ff0}.faq-list summary{cursor:pointer;font-weight:750;color:#342b4a;padding:17px 20px;list-style:none;display:flex;justify-content:space-between;gap:10px;font-size:15px}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:'+';color:#815ff0;font-size:23px;line-height:1}.faq-list details[open] summary:after{content:'−'}.faq-list details p{padding:0 20px 18px;font-size:15px;color:#61576d;line-height:1.75;margin:0}.related-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.related-card{padding:16px 17px 16px 22px;border:1px solid #e6dcf7;border-radius:12px;background:#f9f7ff;display:flex;justify-content:space-between;align-items:center;gap:10px;position:relative;text-decoration:none;color:#34254f!important;transition:transform .18s,border .18s,box-shadow .18s}.related-card::before{content:'';position:absolute;top:12px;bottom:12px;left:0;width:3px;background:#815ff0;opacity:.35;transition:width .18s,opacity .18s}.related-card:hover{transform:translateY(-2px);border-color:#cfc0ef;box-shadow:0 13px 32px rgba(65,36,126,.09)}.related-card:hover::before{width:5px;opacity:1}.related-card strong{display:block;font-size:15px}.related-card small{color:#756a86;font-size:12px}.related-card .arrow{background:#eae2fc;color:#5d35cc;border-radius:8px;padding:5px 9px;font-weight:800;transition:transform .18s}.related-card:hover .arrow{transform:translateX(2px)}@media(max-width:850px){.workspace-columns{grid-template-columns:1fr}.hero{padding-top:36px}.step-grid,.features-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:620px){.tool-root{font-size:15px}.hero,.seo-content{width:calc(100% - 24px)}.hero{padding:25px 0 4px}.hero h1{font-size:30px}.subtitle{font-size:15px;margin:12px auto 21px}.upload-shell{margin-top:16px}.dropzone{min-height:270px;margin:10px;padding:23px 13px}.dropzone h2{font-size:19px}.upload-specs{font-size:11px}.trust-row{gap:7px 13px;font-size:12px}.workspace{padding:13px}.workspace-header{align-items:flex-start}.workspace-header h2{font-size:16px}.secondary-btn{padding:9px 10px;font-size:12px}.workspace-columns{gap:12px;margin-top:14px}.editor-panel,.settings-panel{padding:13px}.editor-panel h3,.settings-panel h3{font-size:16px}.waveform canvas{height:126px}.trim-controls{gap:8px}.quick-bar{gap:6px}.quick-btn{padding:5px 7px}.step-grid,.features-grid,.related-grid{grid-template-columns:1fr}.landing-section{margin-top:52px}.landing-section h2{font-size:25px}.step-card:hover,.feature-card:hover,.related-card:hover{transform:none}.workspace-foot{display:block}.workspace-foot span{display:block;margin-bottom:5px}}@media(prefers-reduced-motion:reduce){.tool-root *{transition:none!important;animation:none!important}}

.tool-root .related-card:hover .arrow{background:#e5ddfb}