:root{--green:#47d109;--green-dark:#35ab06;--blue:#357bcd;--txt:#232323;--muted:#6f7479;--pale:#e7f6e9}
*{box-sizing:border-box}
html{font-family:Arial,Helvetica,sans-serif;color:var(--txt);background:#fff;scroll-behavior:smooth}
body{margin:0;font-size:14px;line-height:1.6}
button,input,select{font:inherit}
a{color:inherit}
button{cursor:pointer}
.page{width:min(100% - 40px,950px);margin:auto}
.hero{padding-top:23px;text-align:center}
h1{font-size:23px;margin:0 0 42px;font-weight:700;letter-spacing:-.35px;line-height:1.3}
.url-form{display:flex;gap:7px;width:min(100%,610px);margin:0 auto;align-items:stretch}
.url-form input{flex:1;min-width:0;height:42px;border:2px solid var(--green);background:#fff;padding:0 12px;font-size:13px;border-radius:0;outline-offset:2px}
.url-form input:focus{outline:2px solid #abeb8b}
.green-button{border:0;border-radius:0;color:#fff;background:var(--green);font-weight:700;padding:0 18px;min-height:42px}
.green-button:hover,.format-button:hover{background:var(--green-dark)}
.green-button:disabled{background:#95cb7c;cursor:wait}
.small-note{font-size:10.5px;line-height:1.4;color:#333;margin:4px 0 15px}
.linklike{border:0;background:none;color:#2485cd;text-decoration:underline;font-size:inherit;padding:0}
.support-note{font-size:11px;font-weight:600;margin:0 0 48px;color:#333}.heart{color:#f03c56}
.feedback{width:min(100%,610px);margin:-26px auto 25px;padding:10px 12px;border:1px solid #f1c98f;background:#fff8ec;color:#6d4715;font-size:12px;text-align:left;border-radius:3px}
.feedback.ok{border-color:#c0dfae;background:#f4fff0;color:#315f1d}
.result{display:flex;gap:15px;text-align:left;border:1px solid #d7d7d7;background:#fbfbfb;width:min(100%,570px);padding:6px;margin:-26px auto 45px;align-items:flex-start;min-height:115px}
.result-thumb{position:relative;width:186px;aspect-ratio:16/9;flex-shrink:0;background:#1c2430;overflow:hidden}
.result-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.result-thumb img[hidden]{display:none}
.thumb-fallback{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;background:linear-gradient(130deg,#141b2d,#345279);color:#fff;font-weight:bold}
.play-triangle{display:grid;place-items:center;width:38px;height:38px;border:2px solid #fff;border-radius:100%;font-size:17px;padding-left:3px}
.thumb-fallback small{font-size:10px;letter-spacing:3px}
.result-detail{flex:1;min-width:0;padding:1px 4px 0 0}
.video-name{line-height:1.25;font-size:13px;color:#202020;font-weight:500;margin:1px 0 7px;overflow-wrap:anywhere;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.video-subtitle{font-size:11px;color:#7d7d7d;line-height:1.4;margin:0 0 9px}
.download-menu{display:flex;gap:0;align-items:stretch;width:max-content;max-width:100%}
.format-button{border:1px solid var(--green-dark);background:var(--green);color:#fff;font-size:12px;font-weight:700;padding:3px 10px;min-height:30px}
.download-symbol{font-size:16px;vertical-align:-1px}
.download-menu select{border:1px solid var(--green-dark);color:var(--green-dark);background:#fff;font-size:12px;padding:3px 8px;min-height:30px;max-width:140px}
.result-hint{font-size:10.5px;color:#6b6b6b;line-height:1.4;margin:7px 0 0}
.platforms{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;width:100%;margin:0 auto 38px}
.platform{background:#e4f6e8;height:42px;display:flex;align-items:center;gap:12px;padding:0 13px;text-decoration:none;font-size:13px;font-weight:600;color:#4c4c4c}
.platform:hover{background:#d3eed9}
.brand-square{height:23px;width:23px;border-radius:3px;display:grid;place-items:center;flex:none;font-size:16px;color:#fff;font-weight:700;line-height:1}
.fb .brand-square{background:#315ca6}.ig .brand-square{background:linear-gradient(145deg,#6b4bc0,#e42b86,#eeb541)}.yt .brand-square{background:#f11c2c;font-size:11px}.tw .brand-square{background:#0c99d0}
.resources{margin-bottom:49px}
.resources h2{text-align:center;margin:0 0 28px;font-size:16px;line-height:1.4}
.resources-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));row-gap:13px;column-gap:26px;}
.resource{display:flex;align-items:center;gap:9px;font-size:12px;font-weight:500;min-width:0}
.resource-icon{height:19px;min-width:19px;display:grid;place-items:center;color:#fff;border-radius:3px;font-size:11px;font-weight:bold;line-height:1}
.daily{background:#2289e8}.vimeo{background:#20b5e7}.vk{background:#5a89bf}.sound{background:#f88123}.tiktok{background:#101010}.reddit{background:#f04c28}.threads{background:#1f1f1f}.search{background:#ff466b}.fourth{background:#405164}
.resources-note{font-size:11px;color:#7a7a7a;line-height:1.5;margin:19px 0 0;text-align:center}
.info h2{text-align:center;font-size:23px;line-height:1.35;margin:0 0 20px;font-weight:700}
.info p{margin:0 0 15px;font-size:14px;line-height:1.85;color:#333;text-align:left}
.info section{margin-bottom:47px}
.footer{text-align:center;border-top:1px solid #eee;padding:14px 0 23px;color:#777;font-size:11px}
.dialog{width:min(100% - 36px,520px);border:1px solid #ddd;border-radius:7px;padding:0;box-shadow:0 12px 50px #0003;color:#333}.dialog::backdrop{background:#0006}
.dialog-inner{padding:22px 24px}.dialog h2{font-size:19px;margin:0}.dialog p{font-size:13px;line-height:1.7}.dialog-head{display:flex;align-items:center;justify-content:space-between;gap:15px}.dialog-x{border:0;background:transparent;font-size:27px;line-height:1}.dialog-actions{display:flex;justify-content:flex-end}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:720px){.page{width:min(100% - 34px,600px)}.hero{padding-top:28px}h1{font-size:21px;margin-bottom:35px}.support-note{margin-bottom:42px}.platforms{gap:8px;margin-bottom:36px}.platform{gap:6px;padding:0 6px;font-size:10.5px;height:36px}.brand-square{height:18px;width:18px;font-size:12px}.resources-grid{column-gap:14px}.resource{gap:6px;font-size:10.5px}.info h2{font-size:20px}.info p{font-size:13px}}
@media(max-width:480px){h1{font-size:19px;margin-bottom:30px}.url-form{gap:5px}.url-form input{height:38px;font-size:11px;padding:0 8px}.green-button{min-height:38px;padding:0 13px;font-size:12px}.support-note{font-size:10px;margin-bottom:43px}.small-note{font-size:9.5px}.result{gap:9px;padding:5px;min-height:90px;margin-bottom:31px}.result-thumb{width:40%}.video-name{font-size:11px}.video-subtitle{font-size:10px;margin-bottom:6px}.format-button,.download-menu select{font-size:10px;padding:3px 5px;min-height:27px}.download-menu select{max-width:95px}.result-hint{font-size:9px}.platforms{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.platform{height:35px;gap:4px;font-size:9px;padding:0 4px}.brand-square{height:17px;width:17px;font-size:10px}.resources h2{font-size:14px;margin-bottom:19px}.resources-grid{grid-template-columns:repeat(4,minmax(0,1fr));column-gap:7px;row-gap:11px}.resource{font-size:9px;gap:4px;overflow-wrap:anywhere}.resource-icon{height:16px;min-width:16px;font-size:9px}.resources-note{font-size:10px}.info h2{font-size:18px}.info p{font-size:12px;line-height:1.72}.info section{margin-bottom:37px}}
@media(max-width:365px){.page{width:calc(100% - 24px)}.platform{font-size:8px}.brand-square{height:14px;width:14px}.resource{font-size:8px}.resource-icon{height:14px;min-width:14px}.format-button{padding:2px 4px}.download-menu select{padding:2px 3px;max-width:85px}}
[hidden]{display:none!important}
.server-status { font-size: 11px; margin: -31px auto 38px; text-align:center; color:#555; display:flex; align-items:center; justify-content:center; gap:6px; flex-wrap:wrap; }
.status-dot{ width:8px; height:8px; border-radius:100%; background:#c6bd65; display:inline-block; }
.server-status.ready .status-dot {background:#45bd10;}
.server-status.bad .status-dot{background:#e49929;}
#statusDetails {font-size:12px;line-height:1.75;margin-top:13px;}
.status-table {width:100%;border-collapse:collapse;}
.status-table td {padding:5px 3px;border-bottom:1px solid #e9e9e9;}
.status-table td:last-child{text-align:right;}
.info strong {font-weight:700;}
.progressline {font-size:11px;color:#4a663b;text-align:center;margin-top:12px;}
@media(max-width:480px){.server-status{margin-top:-28px;margin-bottom:32px;}}