:root{color:#252b36;font-synthesis:none;background:#f8f9fb;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5}*{box-sizing:border-box}body{margin:0}.shell{max-width:960px;margin:auto;padding:0 32px 52px}a{color:inherit;text-underline-offset:4px}header{border-bottom:1px solid #dce0e6;justify-content:space-between;align-items:center;padding:30px 0 25px;font-size:14px;display:flex}.brand{font-size:19px;font-weight:650;text-decoration:none}.brand span{color:#6d7480;font-weight:400}nav{gap:28px;margin:22px 0 44px;font-size:15px;display:flex}nav a{color:#6d7480;padding-bottom:8px;text-decoration:none}nav a[aria-current=page]{color:#234da6;border-bottom:2px solid #234da6}main{min-height:63vh}h1{letter-spacing:-.8px;margin:0 0 10px;font-size:30px;font-weight:600;line-height:1.2}.intro{color:#626b78;margin:0 0 30px;font-size:17px}button,.download{color:#fff;font:inherit;cursor:pointer;white-space:nowrap;background:#244b99;border:1px solid #244b99;border-radius:6px;padding:10px 17px;font-size:15px;text-decoration:none;display:inline-block}button:hover,.download:hover{background:#183c80}button:disabled{opacity:.55;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible{outline-offset:4px;outline:3px solid #89a9ed}label:has(input:focus-visible){outline-offset:4px;outline:3px solid #89a9ed}input[type=url],select{font:inherit;background:#fff;border:1px solid #bcc3ce;border-radius:6px;min-width:0;padding:11px 13px}.upload{text-align:center;background:#fff;border:1px dashed #b4becd;border-radius:8px;padding:37px 24px;position:relative}.upload.drag{background:#edf2fc;border-color:#244b99}.upload label{cursor:pointer;display:block}.upload strong{color:#244b99;text-underline-offset:4px;font-weight:600;text-decoration:underline}.upload span{color:#747d89;margin:7px 0 20px;font-size:15px;display:block}.upload input{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}small,.note{color:#737b87;font-size:13px}.note{max-width:690px;margin:15px 0 24px}.workbar{justify-content:space-between;align-items:center;gap:15px;margin:24px 0 12px;display:flex}.workbar span{overflow-wrap:anywhere;font-size:14px}.preview{border:1px solid #dce0e6;border-radius:8px;justify-content:center;align-items:center;min-height:240px;max-height:520px;padding:20px;display:flex}.checker{background-color:#fff;background-image:conic-gradient(#e7e9ed 25%,transparent 0 50%,#e7e9ed 0 75%,transparent 0);background-size:20px 20px}.preview img{object-fit:contain;max-width:100%;max-height:475px;display:block}.options{justify-content:space-between;align-items:center;gap:20px;margin:18px 0;font-size:14px;display:flex}.options label{align-items:center;gap:9px;display:flex}.opacity input{accent-color:#244b99;width:130px}output{min-width:38px}form>label{margin-bottom:8px;font-size:14px;font-weight:600;display:block}.link-row{gap:10px;display:flex}.link-row input{flex:1;width:100%}[role=status]{color:#405f41;overflow-wrap:anywhere;font-size:14px}[role=status]:empty{margin:0}[role=status][data-error=true]{color:#a32a30}.media-item{border-top:1px solid #dce0e6;padding:24px 0}.media-item video{background:#101218;border-radius:6px;width:100%;max-height:420px;margin:14px 0;display:block}.media-item h2{margin:0;font-size:17px}.media-controls{align-items:center;gap:12px;display:flex}.media-controls label{font-size:14px}.media-controls select{max-width:220px}[hidden]{display:none!important}@media (width<=600px){.shell{padding:0 20px 40px}header{padding-top:23px}header>a:last-child{font-size:12px}nav{gap:22px;margin-bottom:34px;font-size:14px}h1{font-size:26px}.intro{font-size:16px}.upload{padding:30px 15px}.options{flex-direction:column;align-items:flex-start}.link-row{flex-direction:column}.media-controls{flex-wrap:wrap}.workbar{align-items:flex-start}.preview{min-height:200px;padding:10px}}