/* TikTok Downloader - modern dark UI */
.ttr-app { font-family: Inter, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial; display:flex; justify-content:center; padding:30px; }
.ttr-card { width:100%; max-width:760px; background: linear-gradient(180deg,#0f1115 0%, #0b0d11 100%); color:#f5f8ff; border-radius:14px; padding:28px; box-shadow: 0 10px 40px rgba(0,0,0,.6); border:1px solid rgba(255,255,255,0.03); }
.ttr-title { margin:0 0 6px; font-size:22px; }
.ttr-sub { margin:0 0 18px; color:#d0daff; font-size:13px; }
.ttr-input-row { display:flex; gap:12px; align-items:center; }
#ttr-url { flex:1; padding:12px 14px; border-radius:10px; background:#0c0f14; border:1px solid rgba(255,255,255,0.03); color:#ffffff; outline:none; }
.ttr-btn { padding:10px 14px; border-radius:10px; background:linear-gradient(180deg,#ff0062,#ff3b7a); border:none; color:white; font-weight:700; cursor:pointer; }
.ttr-loading { display:flex; gap:12px; align-items:center; margin-top:16px; }
.ttr-spinner { width:28px; height:28px; border-radius:50%; border:4px solid rgba(255,255,255,0.08); border-top-color:#ff6b98; animation:spin 1s linear infinite; }
@keyframes spin { to { transform:rotate(360deg);} }
.ttr-result { margin-top:18px; background:rgba(255,255,255,0.04); padding:12px; border-radius:10px; }
.ttr-meta { display:flex; gap:12px; align-items:center; }
.ttr-thumb { width:84px; height:84px; object-fit:cover; border-radius:8px; }
.ttr-video-title { font-weight:700; color:#ffffff; }
.ttr-video-author { color:#c5d4ff; font-size:13px; }
.ttr-player-wrap video { width:100%; border-radius:8px; margin-top:12px; background:black; }
.ttr-actions { display:flex; gap:10px; margin-top:10px; }
.ttr-download, .ttr-open { padding:8px 12px; border-radius:8px; background:#11c26d; color:#022; font-weight:700; text-decoration:none; }
.ttr-open { background:rgba(255,255,255,0.08); color:#f8faff; }
.ttr-warning { margin-top:8px; color:#ffd18f; }
.ttr-error { margin-top:16px; color:#ffb2b8; background:rgba(255,0,0,0.05); padding:8px; border-radius:8px; }
.ttr-foot { margin-top:14px; color:#c5d4ff; font-size:13px; }
.ttr-chk input { margin-right:8px; }

.ttr-title {
    margin: 0 0 6px;
    font-size: 22px;
    color: #ffffff; /* Pure white text for better contrast */
}