:root{--bg:#f7f6f2;--card:#fff;--ink:#151514;--muted:#6e6b64;--line:#dedbd3;--red:#ff3b30;--soft:#ece9e1}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;background:radial-gradient(circle at 82% 8%,rgba(255,59,48,.1),transparent 22rem),var(--bg);color:var(--ink);font-family:"Noto Sans Georgian",Arial,sans-serif}button{margin:0;border:0;padding:0;font:inherit;appearance:none;cursor:pointer}
header{height:68px;display:flex;align-items:center;border-bottom:1px solid var(--line);padding:0 max(24px,calc((100vw - 1040px)/2));background:rgba(247,246,242,.8);backdrop-filter:blur(12px)}.logo{font-size:20px;font-weight:850;letter-spacing:-1px;color:inherit;text-decoration:none}.logo span{color:var(--red)}main{width:min(1040px,calc(100% - 48px));margin:auto}
.hero{padding:72px 0 36px}.kicker{display:flex;align-items:center;gap:9px;margin:0 0 18px;color:var(--muted);font-family:Arial,sans-serif;font-size:11px;font-weight:750;letter-spacing:.12em;text-transform:uppercase}.kicker span{width:7px;height:7px;border-radius:50%;background:var(--red);box-shadow:0 0 0 6px rgba(255,59,48,.1)}.hero h1{margin:0;font-family:Arial,sans-serif;font-size:clamp(56px,9vw,104px);line-height:.84;letter-spacing:-.075em;font-weight:850}.hero h1 em{color:var(--red);font-family:Georgia,serif;font-weight:400}.hero>p:last-child{margin:28px 0 0;color:var(--muted);font-size:16px}
.tool{position:relative;padding:22px;background:rgba(255,255,255,.78);border:1px solid var(--line);box-shadow:0 18px 60px rgba(29,26,20,.07);backdrop-filter:blur(16px)}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.url-row{display:flex}.input-shell{position:relative;display:flex;min-width:0;flex:1;border:1px solid var(--line);border-right:0;background:var(--card)}.input-shell:focus-within{border-color:var(--ink)}.url-row input{min-width:0;flex:1;height:64px;border:0;padding:0 88px 0 18px;font-size:17px;text-overflow:ellipsis;background:transparent;outline:none}.input-action{position:absolute;right:8px;top:50%;transform:translateY(-50%);height:34px!important;width:auto!important;padding:0 10px!important;color:var(--muted)!important;background:transparent!important;font-size:12px!important;font-weight:700}.input-action:hover{color:var(--ink)!important}.clear-url{font-size:24px!important;font-weight:400}.url-row>#lookup,.download{width:64px;height:64px;color:var(--red);background:var(--ink);font-size:24px}.url-row button span,.download span{margin:0}.url-row>#lookup:hover,.download:hover{background:#302f2b}.url-row button:disabled,.busy{opacity:.6;cursor:wait}.message{min-height:0;margin:0;color:var(--muted);font-size:13px}.message.loading,.message.error{margin-top:14px}.message.error{color:#b42318}
.result{margin-top:22px;padding-top:22px;border-top:1px solid var(--line);display:grid;grid-template-columns:minmax(200px,290px) 1fr;gap:26px}.result[hidden]{display:none}.result img{width:100%;aspect-ratio:16/9;object-fit:cover;background:#eee}.meta{margin:0 0 7px;color:#55524d;font-size:11px;font-weight:600;text-transform:uppercase}.details h2{margin:0 0 20px;font-size:clamp(20px,3vw,30px);line-height:1.15;letter-spacing:-.03em}.details form{display:flex;align-items:end;gap:10px}fieldset{border:0;padding:0;margin:0}.segmented{display:flex}.segmented label{margin:0}.segmented input{position:absolute;opacity:0}.segmented span{display:grid;place-items:center;min-width:78px;height:54px;border:1px solid var(--line);cursor:pointer;font-size:13px;font-weight:750}.segmented label+label span{border-left:0}.segmented input:checked+span{color:white;background:var(--ink);border-color:var(--ink)}.quality{margin:0}.quality select{display:block;height:54px;min-width:88px;padding:0 10px;border:1px solid var(--line);background:transparent;font-size:14px}.download{width:54px;height:54px;margin-left:auto}.spinner{display:inline-block!important;width:17px!important;height:17px!important;border:2px solid rgba(255,255,255,.35);border-top-color:var(--red);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
.platforms{padding:72px 0 54px}.section-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:20px}.section-head h2{margin:0;font-size:16px}.section-head span{color:var(--muted);font-size:12px}.platform-grid{display:grid;grid-template-columns:repeat(6,1fr);border:1px solid var(--line);background:var(--card)}.platform{min-height:116px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;border-right:1px solid var(--line);font-size:12px}.platform:last-child{border:0}.platform-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:var(--soft);font-size:19px;font-weight:800}.youtube .platform-icon,.shorts .platform-icon{color:#fff;background:#ff0033}.tiktok .platform-icon{color:#fff;background:#111}.instagram .platform-icon{color:#fff;background:linear-gradient(135deg,#7c3aed,#ec4899,#f59e0b)}.facebook .platform-icon{color:#fff;background:#1877f2;font-family:Arial;font-size:25px}.soundcloud .platform-icon{color:#fff;background:#f50}
.features{display:grid;grid-template-columns:repeat(3,1fr);margin-bottom:74px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.features div{display:flex;align-items:baseline;gap:10px;padding:28px 20px;border-right:1px solid var(--line)}.features div:last-child{border:0}.features strong{font-size:30px;letter-spacing:-.04em}.features span{color:var(--muted);font-size:12px}body>footer{width:min(1040px,calc(100% - 48px));margin:auto;padding:24px 0 34px;border-top:1px solid var(--line);display:flex;justify-content:space-between;color:var(--muted);font-size:11px}body>footer span{color:var(--ink);font-weight:800}body>footer p{margin:0}
.error-page main{padding-top:60px}.eyebrow{font-size:11px;font-weight:800;letter-spacing:.16em;color:var(--red);text-transform:uppercase}.error-card{margin-top:100px;max-width:760px}.error-card h1{font-size:clamp(36px,6vw,72px);line-height:1;letter-spacing:-.05em}.back{display:inline-block;margin-top:30px;color:var(--ink);font-weight:700}.error-page .logo{font-size:28px}
@media(max-width:760px){header{height:60px;padding:0 14px}main{width:min(100% - 28px,1040px)}.hero{padding:46px 0 26px}.hero h1{font-size:58px}.hero>p:last-child{margin-top:20px;font-size:14px}.tool{padding:12px}.url-row input{height:58px;padding-right:76px;font-size:15px}.url-row>#lookup{width:58px;height:58px}.result{margin-top:16px;padding-top:16px;grid-template-columns:112px 1fr;gap:14px;align-items:start}.result img{grid-row:1}.details{display:contents}.meta{grid-column:2;margin:1px 0 0;font-size:10px}.details h2{grid-column:2;margin:22px 0 0;font-size:17px;line-height:1.2;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.details form{grid-column:1/-1;margin-top:4px}.segmented span{min-width:72px}.download{margin-left:auto}.platforms{padding:52px 0 40px}.section-head{align-items:start;gap:8px;flex-direction:column}.platform-grid{grid-template-columns:repeat(3,1fr)}.platform{min-height:100px;border-bottom:1px solid var(--line)}.platform:nth-child(3){border-right:0}.platform:nth-child(n+4){border-bottom:0}.features{margin-bottom:52px}.features div{padding:20px 10px;gap:4px;flex-direction:column}.features strong{font-size:24px}body>footer{width:calc(100% - 28px);gap:10px;flex-direction:column}body>footer p{line-height:1.5}}