.tb-mp4png{--ink:#171623;--violet:#6544d8;--cyan:#59d9d2;--paper:#f6f3ec;--pink:#f4dfee;color:var(--ink)}.tb-mp4png *{box-sizing:border-box}.tb-mp4png .tb-shell{width:min(1160px,calc(100% - 40px));margin:auto}.tb-mp4png h1,.tb-mp4png h2,.tb-mp4png h3{font-family:Georgia,serif;letter-spacing:-.035em;margin:0}.tb-mp4png p{line-height:1.65}.tb-mp4png-label{font:800 11px system-ui;letter-spacing:.16em;color:var(--violet)}.tb-mp4png-hero{padding:35px 0 75px;background:var(--paper)}.tb-mp4png nav{font-size:13px;color:#696777;margin-bottom:55px}.tb-mp4png nav a{color:inherit}.tb-mp4png-hero-grid{display:grid;grid-template-columns:1fr .9fr;gap:75px;align-items:center}.tb-mp4png h1{font-size:clamp(47px,6vw,77px);line-height:.97}.tb-mp4png h1 em{color:var(--violet);font-weight:400}.tb-mp4png-hero-grid>div>p:not(.tb-mp4png-label){font-size:18px}.tb-mp4png-button{display:inline-block;background:var(--violet);color:white!important;text-decoration:none;border:0;padding:14px 20px;font:800 14px system-ui;cursor:pointer}.tb-mp4png-film{background:var(--ink);color:#fff;padding:28px;box-shadow:18px 18px 0 var(--cyan);aspect-ratio:16/10;display:flex;flex-direction:column;justify-content:space-between}.tb-mp4png-film>span{font:700 12px ui-monospace;color:var(--cyan)}.tb-mp4png-film>div{display:flex;justify-content:space-between;align-items:end;border-block:1px solid #565469;padding:35px 0}.tb-mp4png-film i{font:58px Georgia;color:var(--pink)}.tb-mp4png-film footer{font:700 11px system-ui;letter-spacing:.13em}.tb-mp4png figure figcaption{font-size:12px;color:#6f6c78;margin-top:27px}.tb-mp4png-privacy{background:var(--cyan);padding:22px 0}.tb-mp4png-privacy .tb-shell{display:grid;grid-template-columns:160px 1fr;gap:30px}.tb-mp4png-privacy b{font:800 11px system-ui;letter-spacing:.14em;padding-top:7px}.tb-mp4png-privacy p{margin:0}.tb-mp4png-tool,.tb-mp4png-guide,.tb-mp4png-uses,.tb-mp4png-faq{padding:85px 0}.tb-mp4png-heading{display:flex;justify-content:space-between;gap:60px;align-items:end;margin-bottom:35px}.tb-mp4png h2{font-size:clamp(38px,4.5vw,57px);line-height:1.05}.tb-mp4png-heading>p{max-width:500px}.tb-mp4png-drop{border:2px dashed #9b95ac;background:var(--paper);min-height:330px;display:grid;place-items:center;text-align:center;position:relative}.tb-mp4png-drop.active{background:#e9fffd;border-color:var(--violet)}.tb-mp4png-drop input{position:absolute;opacity:0;pointer-events:none}.tb-mp4png-drop span{display:grid;place-items:center;width:80px;height:60px;margin:auto;background:var(--violet);color:#fff;font:30px Georgia;box-shadow:8px 8px 0 var(--cyan)}.tb-mp4png-drop h3{font-size:32px;margin-top:25px}.tb-mp4png-drop button,.tb-mp4png-controls>button,.tb-mp4png-meta button,#mp4png-gallery button{border:1px solid var(--violet);background:#fff;color:var(--violet);font-weight:800;padding:10px;cursor:pointer}.tb-mp4png #mp4png-workspace{display:grid;grid-template-columns:1.25fr .75fr;border:1px solid #bbb7c4}.tb-mp4png-preview{background:var(--ink);padding:20px;min-width:0}.tb-mp4png video{width:100%;max-height:520px;background:#000}.tb-mp4png-meta{display:flex;gap:16px;align-items:center;color:#c9c7d2;padding-top:16px;font-size:12px}.tb-mp4png-meta span{margin-right:auto}.tb-mp4png-controls{padding:25px;background:var(--paper)}.tb-mp4png-controls h3{font-size:25px}.tb-mp4png-controls label{display:block;font-weight:700;font-size:13px;margin:17px 0}.tb-mp4png-controls label span{float:right;color:var(--violet)}.tb-mp4png-controls input{display:block;width:100%;padding:10px;margin-top:7px}.tb-mp4png-step{display:flex;gap:8px}.tb-mp4png-step button{flex:1;padding:9px;background:#fff;border:1px solid #aaa3b6;cursor:pointer}.tb-mp4png-controls hr{border:0;border-top:1px solid #c8c3cf;margin:28px 0}.tb-mp4png-range{display:grid;grid-template-columns:1fr 1fr .7fr;gap:8px}.tb-mp4png-controls>button:not(.tb-mp4png-button){width:100%;margin-top:10px}.tb-mp4png #mp4png-status{font-size:12px;color:#6c6875}.tb-mp4png #mp4png-gallery{padding:25px;border:1px solid #bbb7c4;border-top:0}.tb-mp4png #mp4png-gallery>div:first-child{display:flex;justify-content:space-between}.tb-mp4png #mp4png-images{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:20px}.tb-mp4png #mp4png-images figure{margin:0;background:var(--paper);padding:10px}.tb-mp4png #mp4png-images img{width:100%;display:block}.tb-mp4png #mp4png-images figcaption{display:grid;grid-template-columns:1fr 1fr;gap:5px}.tb-mp4png #mp4png-images a{grid-column:1/-1;color:var(--violet);font-weight:800}.tb-mp4png-guide{background:var(--paper)}.tb-mp4png-guide .tb-shell{display:grid;grid-template-columns:.7fr 1.3fr;gap:70px}.tb-mp4png-guide ol{list-style:none;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:12px}.tb-mp4png-guide li{background:#fff;padding:22px;border-top:4px solid var(--violet)}.tb-mp4png-guide span{color:var(--violet);font-weight:800}.tb-mp4png-guide h3{font-size:24px;margin-top:22px}.tb-mp4png-truth{background:var(--ink);color:#fff;padding:80px 0}.tb-mp4png-truth .tb-shell>div:last-child{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:30px}.tb-mp4png-truth article{border:1px solid #514e60;padding:22px}.tb-mp4png-truth article b{color:var(--cyan);font:800 11px system-ui;letter-spacing:.15em}.tb-mp4png-uses .tb-shell>div:last-child{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.tb-mp4png-uses article{background:var(--pink);padding:22px}.tb-mp4png-uses span{color:var(--violet);font-weight:800}.tb-mp4png-faq{background:var(--paper)}.tb-mp4png-faq .tb-shell{display:grid;grid-template-columns:.7fr 1.3fr;gap:70px}.tb-mp4png details{border-top:1px solid #bbb6c3;padding:17px 0}.tb-mp4png summary{display:flex;justify-content:space-between;font:700 19px Georgia;cursor:pointer}.tb-mp4png summary span{color:var(--violet)}.tb-mp4png-close{background:var(--violet);color:#fff;padding:65px 0}.tb-mp4png-close .tb-shell{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.tb-mp4png-close h2{font-size:52px}.tb-mp4png-close .tb-mp4png-button{background:var(--cyan);color:var(--ink)!important}
@media(max-width:900px){.tb-mp4png-hero-grid,.tb-mp4png #mp4png-workspace,.tb-mp4png-guide .tb-shell,.tb-mp4png-faq .tb-shell,.tb-mp4png-close .tb-shell{grid-template-columns:1fr}.tb-mp4png-uses .tb-shell>div:last-child{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.tb-mp4png .tb-shell{width:calc(100% - 26px)}.tb-mp4png h1{font-size:43px}.tb-mp4png-heading{display:block}.tb-mp4png-privacy .tb-shell,.tb-mp4png-guide ol,.tb-mp4png-truth .tb-shell>div:last-child,.tb-mp4png-uses .tb-shell>div:last-child{grid-template-columns:1fr}.tb-mp4png #mp4png-images{grid-template-columns:1fr}.tb-mp4png-meta{flex-wrap:wrap}.tb-mp4png-meta span{width:100%}.tb-mp4png-tool,.tb-mp4png-guide,.tb-mp4png-uses,.tb-mp4png-faq{padding:65px 0}}