*{box-sizing:border-box}html{color-scheme:dark}body{margin:0;min-height:100dvh;display:grid;place-items:center;background:#101112;color:#d9dbdd;font:14px system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}main{width:min(460px,calc(100% - 40px));padding:35px 0}button,input{font:inherit}button{cursor:pointer;background:none;border:0;color:inherit}button:hover{color:#fff}button:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid #a4acb6;outline-offset:4px}button:disabled{opacity:.45;cursor:default}[hidden]{display:none!important}#drop{border:1px dashed #36383c;border-radius:9px;padding:14px 20px 19px;text-align:center;transition:border-color .15s,background .15s}#drop.drag{border-color:#9ca3ad;background:#191b1e}#choose{padding:37px 10px 29px;width:100%;display:flex;align-items:center;flex-direction:column;gap:12px}#choose svg{color:#a3a8af;margin-bottom:7px}#choose strong{font-size:17px;font-weight:500}#choose span,small{color:#737980;font-size:11px}#choose span{font-size:12px}small{display:block;line-height:1.6}#uploading,#result{padding:23px;background:#16181a;border:1px solid #303337;border-radius:9px}p{line-height:1.6}#upload-name,#filename{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;margin:0 0 20px}progress{appearance:none;width:100%;height:5px;border:0;border-radius:8px;background:#2d3035;color:#c4c9d1}progress::-webkit-progress-bar{background:#2d3035;border-radius:8px}progress::-webkit-progress-value{background:#c4c9d1;border-radius:8px}progress::-moz-progress-bar{background:#c4c9d1;border-radius:8px}.row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:17px;font-size:11px;color:#888f98}.row button{padding:3px 0}.link-row{display:flex;gap:8px}input{min-width:0;flex:1;width:100%;background:#101214;border:1px solid #363a40;border-radius:5px;color:#b5bdc7;padding:11px;font-size:11px}.primary{white-space:nowrap;background:#d5d8dc;color:#17191c;border-radius:5px;padding:10px 14px;font-size:12px;font-weight:500}.primary:hover{background:#fff;color:#000}#preview{width:100%;max-height:260px;background:#090a0b;border-radius:5px;margin-bottom:18px}#expiry{text-align:center;margin-top:22px;font-size:10px}#error{padding:10px 12px;border:1px solid #554039;background:#261b18;color:#d4a997;border-radius:6px;font-size:12px}details{margin:23px auto 0;max-width:400px;text-align:center;color:#61666e;font-size:10px}summary{list-style:none;cursor:pointer}summary::-webkit-details-marker{display:none}summary::after{content:" +"}details[open] summary::after{content:" −"}details p{text-align:left;color:#7f858e;font-size:11px;margin-top:13px;line-height:1.8}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@media(max-width:480px){main{width:calc(100% - 32px)}#uploading,#result{padding:18px}.primary{padding:10px 11px}#drop small{font-size:10px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}
main>video{width:100%;max-height:80dvh;background:#090a0b;border-radius:5px}
#download-sites{margin-top:11px;font-size:10px}
.integration-link{margin:18px 0 0;text-align:center;font-size:11px;display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap}.integration-link a{color:#959da7;text-decoration:none}.integration-link a:hover{color:#e0e3e7;text-decoration:underline}.integration-link a:focus-visible{outline:2px solid #a4acb6;outline-offset:4px;border-radius:2px}.integration-link span{color:#707780}
.format-row{display:flex;align-items:center;gap:12px;margin-top:15px}#youtube-form .format-row label{margin:0;font-size:11px;color:#888f98}.format-row select{font:inherit;font-size:12px;color:#b5bdc7;background:#101214;border:1px solid #363a40;border-radius:5px;padding:7px 28px 7px 10px;cursor:pointer}.format-row select:focus-visible{outline:2px solid #a4acb6;outline-offset:4px}.format-row select:disabled{opacity:.45;cursor:default}
.mode-switch{display:flex;justify-content:center;gap:4px;margin:0 0 20px}.mode-switch button{padding:8px 16px;border-radius:5px;color:#777e87;font-size:12px}.mode-switch button[aria-pressed="true"]{background:#24272b;color:#e0e3e7}.mode-switch button:hover:enabled{color:#fff}.card{padding:23px;background:#16181a;border:1px solid #303337;border-radius:9px}#youtube-form label{display:block;margin-bottom:13px;font-size:13px}#youtube-url{font-size:12px}#youtube-hint{text-align:center;margin-top:18px;font-size:10px}#download-status{margin:0 0 20px;font-size:13px}#download-name{margin:0 0 20px;font-size:13px;overflow-wrap:anywhere}#download-expiry{text-align:center;margin-top:22px;font-size:10px}.save-video{display:block;width:100%;text-align:center;text-decoration:none}.save-video:focus-visible{outline:2px solid #a4acb6;outline-offset:4px}@media(max-width:480px){.card{padding:18px}#youtube-form .link-row{flex-direction:column}#youtube-form .primary{width:100%;padding:11px}#youtube-url{font-size:16px}#youtube-hint{font-size:10px}}
.process-details{max-width:none;margin:18px 0 0;padding-top:14px;border-top:1px solid #303337;text-align:left;color:#9da4ad;font-size:11px}.process-details summary{width:max-content;color:#aab0b8;user-select:none}.process-details dl{margin:12px 0 0;display:grid;gap:8px}.process-details dl div{display:flex;justify-content:space-between;gap:18px}.process-details dt{color:#737980}.process-details dd{margin:0;text-align:right;color:#c0c5cb;overflow-wrap:anywhere}
#preview-note{margin:13px 0 0;color:#a7adb5;font-size:11px;line-height:1.5}
.audio-share{display:block;width:100%;margin-top:9px}.audio-share[hidden]{display:none!important}#audio-preview-note{margin:12px 0 0;color:#a7adb5;font-size:11px;line-height:1.5}
#shorten-form label{display:block;margin-bottom:13px;font-size:13px}#shorten-result{margin-top:12px}#short-expiry{text-align:center;margin-top:16px;font-size:10px}.short-hint{text-align:center;margin-top:18px;font-size:10px}@media(max-width:480px){#shorten-form .link-row{flex-direction:column}#shorten-form .primary{width:100%;padding:11px}#shorten-target{font-size:16px}}