.tb-m4a{--ink:#25192c;--purple:#633d86;--pink:#ef6b73;--paper:#f5ede3;--blue:#bddce3;--yellow:#f1d96a;--line:#b6aeb3;background:#fff;color:var(--ink);overflow:hidden}.tb-m4a *{box-sizing:border-box}.tb-m4a [hidden]{display:none!important}.tb-m4a a{color:inherit}.tb-m4a .tb-shell{width:min(1180px,90vw);margin:auto}.tb-m4a h1,.tb-m4a h2,.tb-m4a h3{margin:0;font-family:Georgia,"Times New Roman",serif;font-weight:500;letter-spacing:-.045em}.tb-m4a p{color:#5d5661}.tb-m4a-kicker{margin:0 0 14px;color:#776879!important;font:800 9px Arial,sans-serif;letter-spacing:.16em}.tb-m4a-kicker:before{display:inline-block;width:22px;height:2px;margin:0 9px 3px 0;background:var(--pink);content:""}.tb-m4a-button{display:inline-flex;min-height:49px;align-items:center;justify-content:center;padding:14px 22px;border:1px solid var(--ink);background:var(--ink);color:#fff!important;text-decoration:none;font:800 10px Arial,sans-serif;cursor:pointer}.tb-m4a-button:hover{background:var(--pink);border-color:var(--pink)}.tb-m4a-hero{background:linear-gradient(108deg,var(--paper) 0 60%,var(--blue) 60%)}.tb-m4a-hero nav{display:flex;gap:9px;padding-top:24px;color:#6e6670;font:11px Arial,sans-serif}.tb-m4a-hero-grid{display:grid;min-height:670px;grid-template-columns:1.04fr .96fr;gap:75px;align-items:center}.tb-m4a-hero h1{font-size:70px;line-height:.94}.tb-m4a-hero h1 em{color:var(--purple);font-weight:400}.tb-m4a-hero-grid>div>p:not(.tb-m4a-kicker){margin:27px 0;font:17px/1.65 Arial,sans-serif}.tb-m4a-hero figure{display:grid;grid-template-columns:1.3fr 55px .8fr;align-items:center;margin:0;padding:40px;background:var(--purple);color:#fff;box-shadow:20px 20px 0 var(--pink)}.tb-m4a-hero figure>div{display:grid;min-height:280px;place-items:center;align-content:center;gap:15px;border:1px solid #9c7cb5}.tb-m4a-hero figure span{font:500 72px Georgia,serif}.tb-m4a-hero figure i,.tb-m4a-hero figure b{font:800 9px Arial,sans-serif;letter-spacing:.13em}.tb-m4a-hero figure i{text-decoration:line-through;color:#d5c6df}.tb-m4a-hero figure>strong{text-align:center;font:28px Georgia,serif}.tb-m4a-hero figcaption{grid-column:1/-1;margin-top:18px;color:#d1c2dc;font:9px Arial,sans-serif}.tb-m4a-lab{padding:105px 0;background:var(--paper)}.tb-m4a-heading{display:grid;grid-template-columns:1.05fr .95fr;gap:75px;align-items:end}.tb-m4a-heading h2{font-size:57px;line-height:.97}.tb-m4a-heading>p{margin:0;font:14px/1.65 Arial,sans-serif}.tb-m4a-tool{margin-top:46px;border:1px solid #a99fa6;background:#fff;box-shadow:14px 14px 0 #d8cec2}.tb-m4a-source{padding:25px;border-bottom:1px solid var(--line)}.tb-m4a-step{display:flex;gap:13px;align-items:center}.tb-m4a-step>b{display:grid;width:34px;height:34px;place-items:center;background:var(--pink);color:#fff;font:800 9px Arial,sans-serif}.tb-m4a-step span{display:block;margin-bottom:3px;color:#766b76;font:800 8px Arial,sans-serif;letter-spacing:.13em}.tb-m4a-step h3{font-size:25px}.tb-m4a-source>label{display:grid;min-height:120px;place-items:center;align-content:center;margin-top:20px;border:2px dashed #9e939b;background:#f4f1ed;cursor:pointer}.tb-m4a-source>label:hover,.tb-m4a-source>label.is-dragging{border-color:var(--pink);background:#fff0ef}.tb-m4a-source>label input{position:absolute;width:1px;height:1px;opacity:0}.tb-m4a-source>label b{font:600 21px Georgia,serif}.tb-m4a-source>label small{margin-top:8px;color:#746b72;font:9px Arial,sans-serif}.tb-m4a-file-card{display:grid;grid-template-columns:58px 1fr 280px auto;gap:16px;align-items:center;margin-top:20px;padding:16px;background:#f1eee9}.tb-m4a-file-card>div:first-child{display:grid;width:58px;height:58px;place-items:center;background:var(--yellow);font:800 9px Arial,sans-serif}.tb-m4a-file-card>div:nth-child(2)>b,.tb-m4a-file-card>div:nth-child(2)>span{display:block;overflow-wrap:anywhere}.tb-m4a-file-card>div:nth-child(2)>b{font:600 17px Georgia,serif}.tb-m4a-file-card>div:nth-child(2)>span{margin-top:6px;color:#706770;font:9px Arial,sans-serif}.tb-m4a-file-card video{width:280px;height:72px;background:#000}.tb-m4a-file-card button,.tb-m4a-actions button:not(.tb-m4a-button){border:0;background:transparent;text-decoration:underline;text-underline-offset:4px;font:800 9px Arial,sans-serif;cursor:pointer}.tb-m4a-error{margin:13px 0 0;padding:12px;border-left:4px solid #b43a35;background:#fae1df;color:#762622!important;font:10px/1.5 Arial,sans-serif}.tb-m4a-workbench{display:grid;grid-template-columns:1.02fr .98fr}.tb-m4a-settings,.tb-m4a-monitor{min-width:0;padding:32px}.tb-m4a-settings{border-right:1px solid var(--line)}.tb-m4a-settings>.tb-m4a-step,.tb-m4a-monitor>.tb-m4a-step{margin-bottom:27px}.tb-m4a-mode{display:grid;grid-template-columns:1fr 1fr;margin:0 0 20px;padding:0;border:0}.tb-m4a-mode legend,.tb-m4a-encode label>span,.tb-m4a-name>span{grid-column:1/-1;display:block;width:100%;margin-bottom:8px;font:800 8px Arial,sans-serif;letter-spacing:.1em;text-transform:uppercase}.tb-m4a-mode label{position:relative}.tb-m4a-mode input{position:absolute;opacity:0}.tb-m4a-mode label>span{display:block;min-height:80px;padding:16px;border:1px solid #9f969d;cursor:pointer}.tb-m4a-mode label:last-child>span{border-left:0}.tb-m4a-mode label span b,.tb-m4a-mode label span small{display:block}.tb-m4a-mode label span b{font:600 18px Georgia,serif}.tb-m4a-mode label span small{margin-top:6px;color:#756d74;font:8px Arial,sans-serif}.tb-m4a-mode label:has(input:checked)>span{background:var(--purple);color:#fff}.tb-m4a-mode label:has(input:checked)>span small{color:#d9cbe2}.tb-m4a-callout,.tb-m4a-plan{padding:17px;background:var(--blue)}.tb-m4a-callout>b,.tb-m4a-plan>span{font:800 8px Arial,sans-serif;letter-spacing:.12em}.tb-m4a-callout p,.tb-m4a-plan p{margin:7px 0 0;font:9px/1.45 Arial,sans-serif}.tb-m4a-encode{display:grid;grid-template-columns:1fr 1fr 1fr;gap:11px;padding:17px;background:#eee8f1}.tb-m4a-encode select,.tb-m4a-name input{width:100%;height:45px;padding:0 10px;border:1px solid #9f969d;background:#fff}.tb-m4a-name{display:block;margin-top:20px}.tb-m4a-name>div{display:flex}.tb-m4a-name input{min-width:0;border-right:0}.tb-m4a-name div>b{display:flex;align-items:center;padding:0 12px;border:1px solid #9f969d;border-left:0;background:var(--yellow);font:800 9px Arial,sans-serif}.tb-m4a-plan{margin-top:20px}.tb-m4a-plan>b{display:block;margin-top:7px;font:600 18px Georgia,serif}.tb-m4a-actions{display:flex;gap:14px;align-items:center;margin-top:21px}.tb-m4a-actions .tb-m4a-button{margin-right:auto}.tb-m4a-monitor{display:flex;flex-direction:column;background:var(--purple);color:#fff}.tb-m4a-monitor .tb-m4a-step>b{background:var(--yellow);color:var(--ink)}.tb-m4a-monitor .tb-m4a-step h3{color:#fff}.tb-m4a-idle{display:grid;min-height:460px;place-items:center;align-content:center;border:1px dashed #997eaa;background:#482d61}.tb-m4a-idle>div{display:flex;width:260px;height:150px;align-items:center;gap:8px;border-bottom:2px solid #8e72a1}.tb-m4a-idle i{flex:1;height:var(--h);background:var(--yellow)}.tb-m4a-idle i:nth-child(3n+1){--h:25%}.tb-m4a-idle i:nth-child(3n+2){--h:82%}.tb-m4a-idle i:nth-child(3n){--h:48%}.tb-m4a-idle p{max-width:280px;color:#d4c7dc;text-align:center;font:10px Arial,sans-serif}.tb-m4a-working{min-height:460px;padding:30px;background:#482d61}.tb-m4a-working>div{display:flex;justify-content:space-between;margin:40px 0 15px}.tb-m4a-working span{font:600 18px Georgia,serif}.tb-m4a-working b{color:var(--yellow);font:800 9px Arial,sans-serif}.tb-m4a-working progress{width:100%;height:14px;accent-color:var(--yellow)}.tb-m4a-working p,.tb-m4a-monitor>p{color:#d4c7dc;font:9px/1.45 Arial,sans-serif}.tb-m4a-result>span{color:var(--yellow);font:800 8px Arial,sans-serif;letter-spacing:.13em}.tb-m4a-result>h3{margin:10px 0 20px;color:#fff;font-size:30px;overflow-wrap:anywhere}.tb-m4a-result-stats{display:grid;grid-template-columns:1fr 1fr;gap:8px}.tb-m4a-result-stats article{padding:16px;background:#482d61}.tb-m4a-result-stats span{display:block;color:#d7c9df;font:800 8px Arial,sans-serif}.tb-m4a-result-stats b{display:block;margin-top:8px;font:600 22px Georgia,serif}.tb-m4a-result audio{width:100%;margin:14px 0}.tb-m4a-result>p{color:#d4c7dc;font:9px/1.5 Arial,sans-serif}.tb-m4a-result .tb-m4a-button{border-color:var(--yellow);background:var(--yellow);color:var(--ink)!important}.tb-m4a-private{display:flex;gap:12px;margin-top:auto;padding:14px;background:var(--yellow);color:var(--ink)}.tb-m4a-private>b{font:800 8px Arial,sans-serif}.tb-m4a-private p{margin:0;color:var(--ink);font:9px/1.45 Arial,sans-serif}.tb-m4a-rule{background:var(--pink);color:#fff}.tb-m4a-rule>.tb-shell{display:grid;grid-template-columns:190px 1fr;gap:45px;padding-block:36px}.tb-m4a-rule span{font:800 9px Arial,sans-serif}.tb-m4a-rule p{margin:0;color:#fff;font:15px/1.6 Arial,sans-serif}.tb-m4a-compare,.tb-m4a-uses,.tb-m4a-tracks,.tb-m4a-faq{padding:105px 0}.tb-m4a-pipelines{margin-top:45px}.tb-m4a-pipelines article{display:grid;grid-template-columns:110px 1fr 35px 1fr 35px 1fr;gap:12px;align-items:center;padding:20px;border-top:1px solid var(--line)}.tb-m4a-pipelines article:last-child{border-bottom:1px solid var(--line)}.tb-m4a-pipelines span{font:800 8px Arial,sans-serif}.tb-m4a-pipelines div{padding:17px;background:var(--paper);text-align:center;font:600 15px Georgia,serif}.tb-m4a-pipelines i{text-align:center;color:var(--pink);font:22px Georgia,serif}.tb-m4a-pipelines b{grid-column:2/-1;color:var(--purple);font:800 8px Arial,sans-serif}.tb-m4a-uses{background:var(--paper)}.tb-m4a-uses>.tb-shell{display:grid;grid-template-columns:.7fr 1.3fr;gap:80px}.tb-m4a-uses h2,.tb-m4a-tracks h2,.tb-m4a-faq h2,.tb-m4a-next h2{font-size:53px;line-height:.98}.tb-m4a-uses>div>div:last-child{display:grid;grid-template-columns:1fr 1fr}.tb-m4a-uses article{padding:22px;border-top:1px solid var(--line)}.tb-m4a-uses article span{font:800 8px Arial,sans-serif}.tb-m4a-uses article h3{margin:12px 0;font-size:22px}.tb-m4a-uses article p{font:10px/1.55 Arial,sans-serif}.tb-m4a-tracks{background:var(--purple);color:#fff}.tb-m4a-tracks>.tb-shell{display:grid;grid-template-columns:.74fr 1.26fr;gap:80px}.tb-m4a-tracks .tb-m4a-kicker{color:var(--yellow)!important}.tb-m4a-tracks>div>div>p{color:#d7cadd;font:14px/1.65 Arial,sans-serif}.tb-m4a-tracks ol{margin:0;padding:0;list-style:none}.tb-m4a-tracks li{display:grid;grid-template-columns:55px 1fr;gap:18px;padding:20px 0;border-top:1px solid #8a6a9f}.tb-m4a-tracks li:last-child{border-bottom:1px solid #8a6a9f}.tb-m4a-tracks li b{color:var(--yellow);font:800 9px Arial,sans-serif}.tb-m4a-tracks li span{font:600 16px/1.4 Georgia,serif}.tb-m4a-faq{background:#fff}.tb-m4a-faq>.tb-shell{display:grid;grid-template-columns:.68fr 1.32fr;gap:85px}.tb-m4a-faq details{border-top:1px solid var(--line)}.tb-m4a-faq details:last-child{border-bottom:1px solid var(--line)}.tb-m4a-faq summary{display:flex;justify-content:space-between;padding:20px 0;cursor:pointer;font:600 18px Georgia,serif}.tb-m4a-faq summary span{font:22px Arial,sans-serif}.tb-m4a-faq details[open] summary span{transform:rotate(45deg)}.tb-m4a-faq summary::-webkit-details-marker{display:none}.tb-m4a-faq details p{margin:0 0 21px;font:12px/1.6 Arial,sans-serif}.tb-m4a-next{padding:85px 0;background:var(--blue)}.tb-m4a-next>.tb-shell{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px}.tb-m4a-next>div>div:last-child>a{display:grid;grid-template-columns:140px 1fr;gap:20px;padding:17px;border-top:1px solid #95b8c0;text-decoration:none}.tb-m4a-next a span{font:800 8px Arial,sans-serif}.tb-m4a-next a b{font:600 16px Georgia,serif}.tb-m4a-next>div>div:last-child>p{font:9px Arial,sans-serif}
@media(max-width:950px){.tb-m4a-hero{background:var(--paper)}.tb-m4a-hero-grid,.tb-m4a-heading,.tb-m4a-workbench,.tb-m4a-uses>.tb-shell,.tb-m4a-tracks>.tb-shell,.tb-m4a-faq>.tb-shell,.tb-m4a-next>.tb-shell{grid-template-columns:1fr;gap:45px}.tb-m4a-settings{border-right:0;border-bottom:1px solid var(--line)}.tb-m4a-file-card{grid-template-columns:58px 1fr}.tb-m4a-file-card video{grid-column:1/-1;width:100%}.tb-m4a-file-card button{grid-column:1/-1;justify-self:start}}@media(max-width:680px){.tb-m4a .tb-shell{width:min(100% - 32px,1180px)}.tb-m4a-hero-grid{min-height:0;padding:50px 0 72px}.tb-m4a-hero h1{font-size:44px}.tb-m4a-hero figure{padding:22px;grid-template-columns:1fr 35px 1fr}.tb-m4a-hero figure span{font-size:42px}.tb-m4a-lab,.tb-m4a-compare,.tb-m4a-uses,.tb-m4a-tracks,.tb-m4a-faq{padding:72px 0}.tb-m4a-heading h2,.tb-m4a-uses h2,.tb-m4a-tracks h2,.tb-m4a-faq h2,.tb-m4a-next h2{font-size:40px}.tb-m4a-source,.tb-m4a-settings,.tb-m4a-monitor{padding:22px 16px}.tb-m4a-encode,.tb-m4a-result-stats,.tb-m4a-uses>div>div:last-child{grid-template-columns:1fr}.tb-m4a-actions{align-items:flex-start;flex-direction:column}.tb-m4a-actions .tb-m4a-button{width:100%}.tb-m4a-rule>.tb-shell{grid-template-columns:1fr;gap:12px}.tb-m4a-pipelines article{grid-template-columns:1fr}.tb-m4a-pipelines i{transform:rotate(90deg)}.tb-m4a-pipelines b{grid-column:1}.tb-m4a-next>div>div:last-child>a{grid-template-columns:1fr;gap:6px}}