:root{color-scheme:dark;--bg:#0a0a0a;--surface:#121212;--surface2:#181818;--line:#272727;--muted:#898989;--white:#f5f5f1;--accent:#ffb357;font-family:Manrope,Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--white);min-height:100vh}button,input{font:inherit}button{cursor:pointer}.page-shell{width:min(100% - 80px,1440px);margin:auto}.site-header{height:90px;border-bottom:1px solid #222;display:flex;align-items:center;justify-content:space-between}.brand{display:inline-flex;align-items:center;gap:12px;color:var(--white);font-weight:800;font-size:27px;letter-spacing:-1.8px;text-decoration:none}.brand-dot{color:var(--accent)}.brand-mark{display:flex;gap:3px;align-items:center;height:30px}.brand-mark span{width:7px;height:27px;background:var(--accent);transform:skew(-21deg)}.brand-mark span:last-child{height:21px;transform:skew(-21deg) translateY(3px)}.header-right{display:flex;gap:35px;align-items:center;color:#989898;font-size:12px}.header-index{font-family:'DM Sans',sans-serif;color:#5d5d5d}.hero{padding:115px 0 103px;max-width:1000px}.eyebrow{display:flex;align-items:center;gap:14px;color:var(--accent);font-size:11px;font-weight:800;letter-spacing:2.5px}.eyebrow-line{display:block;width:35px;height:1px;background:var(--accent)}h1{margin:29px 0 22px;font-size:clamp(72px,9.5vw,148px);line-height:.94;letter-spacing:-.092em;font-weight:800}h1 em{font-style:normal;color:var(--accent)}.hero-copy{max-width:545px;margin:0;color:#aaa;font-size:17px;line-height:1.75;font-weight:500}.download-form{display:flex;gap:10px;width:min(100%,850px);margin-top:57px}.input-wrap{min-width:0;flex:1;height:68px;border:1px solid #393939;border-radius:9px;background:#151515;display:flex;align-items:center;padding:0 17px 0 21px;transition:border-color .2s,box-shadow .2s}.input-wrap:focus-within{border-color:#ffb357;box-shadow:0 0 0 3px #ffb3571d}.link-icon{width:21px;height:21px;color:#777;flex:none;margin-right:17px}.input-wrap input{min-width:0;width:100%;border:0;outline:0;background:transparent;color:var(--white);font-size:15px}.input-wrap input::placeholder{color:#696969}.paste-button{border:0;background:transparent;color:#c8c8c8;font-size:12px;font-weight:800;padding:12px 5px 12px 14px;white-space:nowrap}.paste-button:hover{color:var(--accent)}.submit-button{height:68px;min-width:173px;border:0;border-radius:9px;background:var(--accent);color:#111;display:flex;justify-content:space-between;align-items:center;gap:24px;padding:0 22px;font-weight:800;font-size:15px;transition:background .2s,transform .2s}.submit-button:hover{background:#ffb357;transform:translateY(-2px)}.submit-button:disabled{cursor:wait;opacity:.68;transform:none}.submit-button svg,.save-button svg{width:23px;height:23px}.form-hint{margin:11px 0 0 2px;color:#777;font-size:12px;min-height:18px}.form-hint.error{color:#ff8c85}.platforms{display:flex;align-items:center;gap:13px;margin-top:57px}.platforms-label{font-size:10px;letter-spacing:1.8px;color:#6b6b6b;font-weight:800;margin-right:10px}.platform-chip{display:inline-flex;align-items:center;gap:8px;color:#c9c9c9;font-size:12px;font-weight:700;padding:8px 12px;border:1px solid #282828;border-radius:5px}.platform-chip svg{width:16px;height:16px}.result-section{padding-bottom:105px}.section-topline{display:flex;justify-content:space-between;gap:15px;padding-bottom:16px;border-bottom:1px solid #333;color:#b5b5b5;font-size:10px;font-weight:800;letter-spacing:2px}.section-topline span:last-child{color:#777}.result-card{min-height:440px;border:1px solid #262626;border-top:0;background:#101010;display:flex;align-items:center;justify-content:center;overflow:hidden}.empty-state,.loading-state,.error-state{text-align:center;padding:75px 24px;width:100%}.preview-icon{width:116px;height:116px;border-radius:50%;border:1px solid #303030;margin:0 auto 30px;display:flex;align-items:center;justify-content:center;position:relative;background:radial-gradient(circle,#252525 0%,#151515 55%,transparent 70%)}.play-triangle{width:0;height:0;border-top:11px solid transparent;border-bottom:11px solid transparent;border-left:17px solid var(--accent);margin-left:5px}.orbit{position:absolute;border:1px solid #262626;border-radius:50%;pointer-events:none}.orbit-one{inset:-17px}.orbit-two{inset:-36px;border-color:#1b1b1b}.empty-state h2,.loading-state h2,.error-state h2{font-size:24px;letter-spacing:-.04em;margin:0 0 9px}.empty-state p,.loading-state p,.error-state p{color:#777;font-size:13px;margin:0}.hidden{display:none!important}.loading-visual{height:88px;width:88px;position:relative;display:flex;align-items:center;justify-content:center;margin:0 auto 26px;color:var(--accent);font-size:30px}.loading-ring{position:absolute;inset:0;border:2px solid #333;border-top-color:var(--accent);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.mini-label{display:block;font-size:10px;letter-spacing:2px;font-weight:800;color:var(--accent);margin-bottom:8px}.loading-state h2{margin-bottom:9px}.progress-track{width:min(320px,100%);height:5px;background:#323232;border-radius:20px;overflow:hidden;margin:29px auto 9px}.progress-track div{height:100%;width:0;background:var(--accent);transition:width .35s}.progress-value{font-size:11px;color:#888}.ready-state{width:100%;display:grid;grid-template-columns:minmax(0,1.5fr) minmax(270px,.85fr);min-height:440px}.video-frame{min-height:440px;background:#060606;display:flex;align-items:center;justify-content:center;overflow:hidden}.video-frame video{width:100%;height:100%;max-height:600px;object-fit:contain}.photo-gallery{min-height:440px;background:#060606;display:flex;gap:10px;overflow-x:auto;padding:20px;scroll-snap-type:x mandatory}.photo-gallery img{height:400px;max-width:100%;object-fit:contain;scroll-snap-align:center}.ready-details{display:flex;flex-direction:column;justify-content:space-between;padding:36px;border-left:1px solid #2a2a2a}.media-info h2{font-size:clamp(22px,2.4vw,34px);letter-spacing:-.055em;line-height:1.2;overflow-wrap:anywhere;margin:0 0 12px}.media-info p{color:#858585;font-size:13px;margin:0}.save-button{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:18px 20px;color:#0c0c0c;background:var(--accent);border-radius:6px;text-decoration:none;font-size:13px;font-weight:800;transition:background .2s}.save-button:hover{background:#ffb357}.error-symbol{width:70px;height:70px;border:1px solid #ad524e;color:#ff8c85;font-size:38px;border-radius:50%;display:grid;place-items:center;margin:0 auto 23px}.error-state p{max-width:470px;margin:0 auto;line-height:1.6}.error-state button{border:1px solid #555;background:transparent;color:var(--white);padding:13px 17px;border-radius:5px;margin-top:25px;font-size:12px;font-weight:800}.error-state button:hover{border-color:var(--accent);color:var(--accent)}.site-footer{border-top:1px solid #222;min-height:86px;display:flex;align-items:center;justify-content:space-between;gap:20px;color:#666;font-size:10px;font-weight:700;letter-spacing:1px}.site-footer span:last-child{letter-spacing:1.8px}.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:800px){.page-shell{width:min(100% - 40px,1440px)}.hero{padding:88px 0 85px}.ready-state{grid-template-columns:1fr}.video-frame,.photo-gallery{min-height:340px}.ready-details{border-left:0;border-top:1px solid #2a2a2a;gap:35px}.result-card{min-height:390px}}@media(max-width:560px){.page-shell{width:min(100% - 32px,1440px)}.site-header{height:75px}.brand{font-size:24px}.header-label{display:none}.hero{padding:75px 0 70px}.eyebrow{font-size:9px;letter-spacing:1.6px}h1{font-size:clamp(57px,13.3vw,80px);margin:27px 0 22px}.hero-copy{font-size:14px;line-height:1.7}.download-form{flex-direction:column;gap:11px;margin-top:37px}.input-wrap{height:60px;flex:none}.input-wrap input{font-size:13px}.submit-button{height:59px;width:100%;min-width:0}.platforms{margin-top:42px;flex-wrap:wrap}.platforms-label{width:100%;margin:0 0 2px}.result-section{padding-bottom:70px}.section-topline{font-size:9px;letter-spacing:1.2px}.result-card{min-height:350px}.empty-state h2,.loading-state h2,.error-state h2{font-size:20px}.empty-state,.loading-state,.error-state{padding:70px 20px}.video-frame,.photo-gallery{min-height:250px}.photo-gallery img{height:270px}.ready-details{padding:25px}.site-footer{padding:25px 0;min-height:0;flex-wrap:wrap;font-size:9px}.site-footer span:nth-child(2){order:3;width:100%}}

/* TikToker identity */
.brand { letter-spacing: -1.4px; }
.header-bot-link, .footer-bot-link { display: inline-flex; align-items: center; gap: 9px; color: #c8c8c8; text-decoration: none; font-size: 12px; font-weight: 700; letter-spacing: 0; transition: color .2s; }
.header-bot-link:hover, .footer-bot-link:hover { color: #ffb357; }
.telegram-icon { width: 21px; height: 21px; flex: none; }
.hero h1 { margin-top: 0; }
.site-footer { display: grid; grid-template-columns: 1fr auto 1fr; }
.site-footer > span:nth-child(2) { text-align: center; color: #858585; font-size: 11px; letter-spacing: 0; }
.site-footer .footer-bot-link { justify-self: end; }
@media (max-width: 560px) {
  .brand { font-size: 21px; }
  .header-bot-link { font-size: 11px; gap: 6px; }
  .header-bot-link .telegram-icon { width: 19px; height: 19px; }
  .site-footer { grid-template-columns: 1fr auto; gap: 17px; }
  .site-footer > span:nth-child(2) { grid-column: 1 / -1; grid-row: 2; width: auto; order: initial; }
  .site-footer .footer-bot-link { grid-column: 2; grid-row: 1; font-size: 11px; }
}