:root{--ink:#0a1930;--muted:#65748b;--purple:#6747e8;--purple-dark:#4f34ce;--lavender:#f2efff;--mint:#26b989;--line:#dfe5ef;--soft:#f7f8fc;--navy:#08172d;--danger:#c93f52}
    *{box-sizing:border-box}
    body{margin:0;background:radial-gradient(circle at 8% 5%,#f1edff 0,transparent 28%),radial-gradient(circle at 92% 11%,#eafff8 0,transparent 25%),#f8f9fc;color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}
    a{color:inherit;text-decoration:none}button,input{font:inherit}
    .container{width:min(1120px,calc(100% - 40px));margin:auto}
    .topbar{border-bottom:1px solid rgba(224,229,238,.85);background:rgba(255,255,255,.92);backdrop-filter:blur(18px)}
    .nav{height:76px;display:flex;align-items:center;justify-content:space-between;gap:24px}
    .brand{display:flex;align-items:center;gap:11px;font-size:21px;font-weight:850;letter-spacing:-.04em}.logo{width:40px;height:40px;border-radius:12px;box-shadow:0 10px 25px rgba(103,71,232,.3)}
    .navlinks{display:flex;align-items:center;gap:25px;color:#526077;font-size:14px;font-weight:650}.navlinks a:hover{color:var(--purple)}
    .nav-tools{position:relative}.nav-tools summary{display:flex;align-items:center;gap:6px;list-style:none;cursor:pointer}.nav-tools summary::-webkit-details-marker{display:none}.nav-tools summary:after{content:"⌄";font-size:12px}.nav-tools[open] summary{color:var(--purple)}
    .nav-tools-menu{position:absolute;z-index:20;top:calc(100% + 17px);left:50%;width:260px;padding:8px;border:1px solid var(--line);border-radius:15px;background:#fff;box-shadow:0 20px 55px rgba(24,39,75,.18);transform:translateX(-50%)}
    .nav-tools-menu a{display:flex;align-items:center;gap:11px;padding:11px;border-radius:10px;color:#17263e}.nav-tools-menu a:hover,.nav-tools-menu a.active{background:#f3f0ff;color:#5638d1}.nav-tool-icon{width:35px;height:35px;display:grid;place-items:center;border-radius:10px;background:#e7e1ff;font-weight:900}.nav-tool-copy{display:grid;gap:1px}.nav-tool-copy b{font-size:12px}.nav-tool-copy small{color:#7a8799;font-size:9px;font-weight:600}
    .navright{display:flex;align-items:center;gap:10px}.signin{padding:10px;color:#556279;font-size:14px;font-weight:700}.btn{min-height:43px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 17px;border:1px solid transparent;border-radius:12px;font-weight:800;cursor:pointer}.btn-primary{background:linear-gradient(135deg,#7658f2,#5938d8);color:#fff;box-shadow:0 12px 27px rgba(91,57,219,.24)}
    main{padding:72px 0 90px}.hero{text-align:center}.eyebrow{display:inline-flex;align-items:center;gap:7px;padding:7px 11px;border:1px solid #d9d1fb;border-radius:99px;background:#f7f5ff;color:#5b3dd4;font-size:10px;font-weight:850;letter-spacing:.1em;text-transform:uppercase}.eyebrow i{width:20px;height:20px;display:grid;place-items:center;border-radius:50%;background:var(--purple);color:#fff;font-style:normal}
    h1{max-width:800px;margin:20px auto 15px;font-size:clamp(42px,5vw,66px);line-height:1.02;letter-spacing:-.06em;text-wrap:balance}h1 em{color:var(--purple);font-style:normal}.lead{max-width:660px;margin:0 auto;color:var(--muted);font-size:16px;line-height:1.7}
    .tool-shell{max-width:1040px;margin:42px auto 0;padding:12px;border:1px solid #e0e4ee;border-radius:25px;background:rgba(255,255,255,.72);box-shadow:0 28px 75px rgba(21,39,75,.12)}
    .tool-card{padding:29px;border:1px solid #e2e6ef;border-radius:18px;background:#fff;text-align:left}.step-title{display:flex;align-items:center;gap:11px;margin-bottom:16px}.step-number{width:29px;height:29px;display:grid;place-items:center;flex:none;border-radius:9px;background:var(--lavender);color:var(--purple);font-size:12px;font-weight:900}.step-title h2{margin:0;font-size:18px;letter-spacing:-.025em}.step-title p{margin:3px 0 0;color:#7b8799;font-size:11px}
    .dropzone{min-height:185px;display:grid;place-items:center;padding:25px;border:2px dashed #cbd4e3;border-radius:15px;background:#fafbfe;text-align:center;cursor:pointer;transition:.18s ease}.dropzone:hover,.dropzone.dragging{border-color:#7960ed;background:#f6f3ff}.upload-icon{width:54px;height:54px;display:grid;place-items:center;margin:0 auto 13px;border-radius:16px;background:#ece8ff;color:#6446df;font-size:24px;font-weight:700}.dropzone strong{display:block;font-size:14px}.dropzone span{display:block;margin-top:6px;color:#7d899a;font-size:11px}.dropzone button{margin-top:14px;min-height:38px;padding:0 14px;border:1px solid #d5dce8;border-radius:10px;background:#fff;color:#33445d;font-size:11px;font-weight:800;cursor:pointer}
    .file-card{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:13px;padding:13px;border:1px solid #dce3ed;border-radius:13px;background:#f9fbfd}.file-icon{width:43px;height:43px;display:grid;place-items:center;border-radius:11px;background:#e7f8f2;color:#188163;font-size:18px}.file-copy{min-width:0}.file-copy strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.file-copy span{display:block;margin-top:3px;color:#7b889a;font-size:9px}.change-file{min-height:34px;padding:0 10px;border:1px solid #d4dce8;border-radius:9px;background:#fff;color:#465870;font-size:10px;font-weight:750;cursor:pointer}
    .audio-workbench{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:15px;margin-top:15px}.timeline-panel,.side-panel{border:1px solid #dce3ed;border-radius:15px;background:#fbfcfe}.timeline-panel{min-width:0;padding:16px}.side-panel{padding:16px;background:#fff}.side-panel .step-title{margin-bottom:14px}.side-panel .step-title h2{font-size:15px}.side-panel .step-title p{font-size:9px}.side-panel .options{display:grid;grid-template-columns:1fr;gap:11px}.option-block{padding:13px;border:1px solid #dce3ed;border-radius:12px;background:#fbfcfe}.option-label{display:flex;justify-content:space-between;gap:12px;margin-bottom:11px;color:#43546c;font-size:10px;font-weight:800}.option-label output{color:var(--purple)}input[type=range]{width:100%;accent-color:var(--purple)}.pause-input-row{display:grid;grid-template-columns:1fr 68px;gap:8px;align-items:center}.pause-input-row input[type=number]{width:100%;height:34px;border:1px solid #cbd6e5;border-radius:9px;background:#fff;color:#273a54;text-align:center;font-size:10px;font-weight:750}.scale{display:flex;justify-content:space-between;margin-top:5px;color:#929dad;font-size:8px}
    .timeline-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:11px}.timeline-head>strong{font-size:12px}.timeline-times{display:flex;align-items:center;gap:7px;color:#748298;font-size:8px;font-variant-numeric:tabular-nums}.timeline-times span{display:flex;align-items:center;gap:4px;padding:5px 7px;border:1px solid #dbe3ed;border-radius:7px;background:#fff}.timeline-times b{color:#34465f}.timeline-times .after{border-color:#bfe6d7;background:#f0faf6;color:#328169}.timeline-times .after b{color:#137454}.source-player{display:block;width:100%;height:38px;margin-bottom:10px}.timeline-toolbar{display:flex;align-items:center;gap:8px;margin-bottom:10px}.timeline-view-label{color:#53657e;font-size:9px;font-weight:800}.timeline-zoom{display:flex;align-items:center;gap:7px;margin-left:auto;color:#65758b;font-size:9px;font-weight:750}.timeline-zoom button{width:30px;height:30px;border:1px solid #cad6e5;border-radius:8px;background:#fff;color:#384b65;font-size:15px;cursor:pointer}.timeline-zoom .zoom-fit{width:auto;padding:0 9px;font-size:8px;font-weight:850}.timeline-zoom input{width:125px}.timeline-zoom output{min-width:34px;color:#5c43d1;text-align:right}.timeline-scroller{height:232px;overflow-x:auto;overflow-y:hidden;border:1px solid #263a57;border-radius:12px;background:#09182d;scrollbar-color:#7562d9 #16273d;scrollbar-width:thin}.timeline-content{position:relative;height:215px;min-width:100%;overflow:hidden;background:#0b1a2f;cursor:crosshair}.timeline-content canvas{position:absolute;z-index:0;top:0;left:0;height:100%;display:block;pointer-events:none}.pause-markers{position:absolute;z-index:2;inset:29px 0 0}.pause-marker{position:absolute;top:0;bottom:0;min-width:4px;padding:0;border:1px solid rgba(83,170,255,.85);border-radius:3px;background:rgba(49,142,235,.22);cursor:pointer}.pause-marker:hover,.pause-marker.active{z-index:2;border-color:#fff;background:rgba(53,151,250,.5);box-shadow:0 0 0 2px rgba(118,91,240,.8)}.pause-marker span{position:absolute;left:50%;top:7px;padding:3px 5px;border-radius:5px;background:#176bac;color:#fff;font-size:7px;font-weight:850;white-space:nowrap;transform:translateX(-50%);pointer-events:none}.playhead{position:absolute;z-index:4;top:0;bottom:0;left:0;width:2px;background:#ff5571;box-shadow:0 0 0 1px rgba(255,255,255,.55);pointer-events:none}.playhead:before{content:"";position:absolute;left:50%;top:0;width:10px;height:10px;border-radius:50%;background:#ff5571;transform:translate(-50%,-20%)}.timeline-summary{display:flex;align-items:center;gap:7px;margin:12px 0 0;padding:9px 10px;border:1px solid #d7e3ef;border-radius:9px;background:#fff;color:#63748b;font-size:9px;line-height:1.4}.timeline-summary i{width:8px;height:8px;flex:none;border-radius:3px;background:#3a8ce8}.timeline-summary strong{color:#334760}.timeline-loading{opacity:.65}
    .pause-review{margin-top:11px;padding:13px;border:1px solid #d8e1ed;border-radius:12px;background:#fff}.pause-review-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.pause-review-head strong{font-size:10px}.pause-review-head span{padding:4px 6px;border-radius:6px;background:#e9f3ff;color:#2676c4;font-size:8px;font-weight:850}.pause-review-time{margin:10px 0 3px;color:#20344f;font-size:13px;font-weight:800;font-variant-numeric:tabular-nums}.pause-review-detail{margin:0;color:#78889d;font-size:8.5px}.pause-review-actions{display:grid;grid-template-columns:34px 1fr 34px;gap:7px;margin-top:11px}.pause-review-actions button{height:34px;border:1px solid #cad6e5;border-radius:9px;background:#f9fbfd;color:#40536d;font-size:12px;font-weight:850;cursor:pointer}.pause-review-actions .listen{background:#ede9ff;color:#593dce;font-size:9px}.pause-review-actions button:disabled{opacity:.4;cursor:default}
    .privacy{display:flex;align-items:center;gap:7px;margin:14px 1px 0;color:#77859a;font-size:9px}.privacy b{color:#319274}.process{width:100%;min-height:49px;margin-top:18px;border:0;border-radius:12px;background:linear-gradient(135deg,#7054eb,#5138cf);color:#fff;font-size:13px;font-weight:850;box-shadow:0 12px 25px rgba(91,57,219,.22);cursor:pointer}.process:disabled{opacity:.58;cursor:wait}.progress{height:5px;overflow:hidden;margin-top:12px;border-radius:99px;background:#eceef4}.progress:before{content:"";display:block;width:38%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#7658f2,#36cca0);animation:loading 1.1s ease-in-out infinite}@keyframes loading{from{transform:translateX(-110%)}to{transform:translateX(330%)}}
    .status{margin:13px 0 0;color:#687991;font-size:10px;text-align:center}.status.error{padding:10px;border:1px solid #f0c7cd;border-radius:9px;background:#fff5f6;color:var(--danger)}
    .result{margin-top:16px;padding:20px;border:1px solid #bfe5d8;border-radius:15px;background:#f3fbf8}.result-head{display:flex;align-items:center;gap:10px}.success-icon{width:35px;height:35px;display:grid;place-items:center;border-radius:50%;background:#d9f5eb;color:#16815f;font-weight:900}.result h3{margin:0;font-size:15px}.result-head p{margin:3px 0 0;color:#6d7e91;font-size:9px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:15px}.stat{padding:11px;border:1px solid #d5e9e2;border-radius:10px;background:#fff;text-align:center}.stat strong{display:block;font-size:18px}.stat span{display:block;margin-top:2px;color:#768699;font-size:8px;font-weight:750}.result audio{width:100%;height:40px;margin-top:14px}.result-actions{display:grid;grid-template-columns:1fr auto;gap:9px;margin-top:13px}.download{min-height:44px;border:0;border-radius:11px;background:#118562;color:#fff;font-size:11px;font-weight:850;cursor:pointer}.again{min-height:44px;padding:0 14px;border:1px solid #cddbd6;border-radius:11px;background:#fff;color:#426255;font-size:10px;font-weight:800;cursor:pointer}
    .hidden{display:none!important}.footnote{max-width:700px;margin:18px auto 0;color:#8793a5;font-size:10px;text-align:center}
    @media(max-width:860px){.audio-workbench{grid-template-columns:1fr}.timeline-scroller{height:205px}.timeline-content{height:188px}}
    @media(max-width:760px){.container{width:min(100% - 24px,1120px)}.nav{height:65px;gap:10px}.navlinks>a,.signin{display:none}.navlinks{display:flex;gap:0;margin-left:auto}.nav-tools-menu{left:auto;right:-78px;width:245px;transform:none}.brand{font-size:17px}.logo{width:36px;height:36px}.navright .btn{min-height:39px;padding:0 12px;font-size:11px}main{padding:52px 0 65px}h1{font-size:42px}.lead{font-size:14px}.tool-shell{margin-top:30px;padding:6px;border-radius:19px}.tool-card{padding:15px;border-radius:14px}.file-card{grid-template-columns:auto 1fr}.change-file{grid-column:1/-1}.timeline-panel,.side-panel{padding:13px}.stats{grid-template-columns:1fr 1fr}.stat:last-child{grid-column:1/-1}.result-actions{grid-template-columns:1fr}.dropzone{min-height:165px}}
    @media(max-width:560px){.timeline-head{align-items:flex-start}.timeline-times{display:grid;gap:4px}.timeline-toolbar{flex-wrap:wrap}.timeline-zoom{width:100%;margin-left:0}.timeline-zoom input{min-width:0;flex:1}.timeline-scroller{height:185px}.timeline-content{height:168px}}
  
[hidden]{display:none!important}.upload-icon{display:grid!important;color:#6747e8!important;font-size:26px!important}.convert-options{display:flex;align-items:center;gap:16px;margin:24px 0 12px}.convert-options label{font-weight:750;font-size:14px}.convert-options select{padding:12px;border:1px solid #ccd6e5;border-radius:10px;background:white;font:inherit}.actions{display:flex;align-items:center;gap:12px}.actions .process{margin:0;flex:1}.cancel{padding:15px;border:1px solid #ccd6e5;border-radius:12px;background:white;cursor:pointer}.tool-card .privacy{font-size:12px;line-height:1.6;margin:18px 0}.tool-card .status{font-size:13px;text-align:left;line-height:1.6}.local-badge{color:#168864;font-size:13px;font-weight:750;margin-top:20px}#working{margin-top:20px}#conversionProgress{display:block;width:100%;height:10px;accent-color:#6747e8}#progressLabel{display:block;font-size:12px;margin-bottom:8px;color:#687991}#outputName{overflow-wrap:anywhere;font-size:15px}.download{display:flex;align-items:center;justify-content:center;margin-top:14px}.file-copy strong{font-size:14px}.file-copy span{font-size:12px}.step-title p{font-size:12px}.result-head p{font-size:12px}@media(max-width:520px){.convert-options{align-items:flex-start;flex-direction:column}.actions{flex-wrap:wrap}}