/* Download page — uses same layout as home (.grably-card) */
/* Only styles for dl-specific elements */

/* Preview wrapper (relative for badge positioning, inline to hug image) */
.dl-preview-wrap {
	position: relative;
	display: inline-block;
}

/* Platform badge (top-left corner of preview image) */
.dl-platform-badge {
	position: absolute;
	top: 0.4rem;
	left: 0.4rem;
	font-size: 1.4rem;
	z-index: 2;
	filter: drop-shadow(0 1px 3px rgba(0,0,0,0.3));
}

/* Meta line under preview (duration, quality) */
.dl-meta {
	font-size: 0.85rem;
	color: var(--text-muted);
	text-align: center;
	margin-top: 0.5rem;
	margin-bottom: 0.25rem;
}

.dl-meta span {
	margin: 0 0.15rem;
}

/* Wrapper for dl-page content below preview/title */
.dl-content {
	display: flex;
	flex-direction: column;
	align-items: center;
	flex: 1;
	padding-top: 0.5rem;
}

/* Indeterminate progress animation (loading state) */
.dl-progress-indeterminate {
	width: 30% !important;
	animation: dl-indeterminate 1.5s ease-in-out infinite;
}

@keyframes dl-indeterminate {
	0% { margin-left: 0; width: 30%; }
	50% { margin-left: 35%; width: 30%; }
	100% { margin-left: 70%; width: 30%; }
}

/* Link section (bookmark hint + URL box) */
.dl-link-section {
	margin-top: 1.5rem;
	width: 100%;
}

.dl-hint-block {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0.4rem;
	font-size: 0.78rem;
	color: var(--text-muted);
	margin-bottom: 0.4rem;
	opacity: 0.8;
}

.dl-link-box {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	background: var(--bg-secondary, rgba(0,0,0,0.05));
	border-radius: 0.5rem;
	padding: 0.45rem 0.75rem;
	font-size: 0.72rem;
	color: var(--text-muted);
	margin: 0 auto;
	max-width: 400px;
}

.dl-link-box .dl-link-url {
	flex: 1;
	text-align: left;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.dl-copy-btn {
	background: none;
	border: none;
	color: var(--color-accent, #3b82f6);
	cursor: pointer;
	padding: 0.2rem;
	font-size: 0.85rem;
	flex-shrink: 0;
	transition: opacity 0.2s;
}

.dl-copy-btn:hover {
	opacity: 0.7;
}