.clip-preview{border-radius:calc(var(--radius) - .125rem);background:var(--color-background);cursor:pointer;border:0;padding:0;position:relative;overflow:hidden}.clip-preview img{object-fit:cover;filter:blur(1.5rem)brightness(.7);width:100%;height:auto;max-height:16rem;transition:filter .2s;display:block;transform:scale(1.15)}.clip-preview--revealed img{filter:none;transform:none}.clip-preview__label{color:#fff;text-align:center;text-shadow:0 1px 3px #0009;place-items:center;padding:.5rem;font-size:.8125rem;font-weight:600;display:grid;position:absolute;inset:0}@media (max-width:30rem){.clip-preview img{max-height:20rem}}
.download-button--saving{background-image:linear-gradient(to right, color-mix(in srgb, var(--color-accent) 35%, transparent) var(--progress,0%), transparent var(--progress,0%))}.download-button--primary.download-button--saving{background-color:color-mix(in srgb, var(--color-accent) 70%, black)}.download-button--saved:not(.download-button--primary){border-color:var(--color-success);color:var(--color-success)}.download-button--error{border-color:var(--color-danger)}
.clip-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);grid-template-columns:9rem minmax(0,1fr);gap:.75rem 1.25rem;margin-top:1.25rem;padding:1.25rem;display:grid}.clip-card__preview{align-self:start}.clip-card__body{align-content:start;gap:.75rem;display:grid}.clip-card__title{font-family:var(--font-mono);overflow-wrap:anywhere;margin:0;font-weight:600}.clip-card__meta{color:var(--color-muted);margin:.25rem 0 0;font-size:.875rem}.clip-card__secondary{grid-template-columns:repeat(auto-fit,minmax(9rem,1fr));gap:.75rem;display:grid}.clip-card__footer{flex-wrap:wrap;grid-column:1/-1;justify-content:space-between;align-items:center;gap:1rem;font-size:.875rem;display:flex}@media (max-width:30rem){.clip-card{grid-template-columns:1fr}}
.downloader{width:100%}.downloader__form{grid-template-columns:minmax(0,1fr);gap:.75rem;display:grid}.downloader__field{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);align-items:center;min-height:3.25rem;padding:.25rem .25rem .25rem 1rem;display:flex}.downloader__field:focus-within{border-color:var(--color-accent);outline:2px solid var(--color-accent);outline-offset:-1px}.downloader__input{flex:1}.downloader__hint{color:var(--color-muted);overflow-wrap:anywhere;margin:0;font-size:.8125rem}.downloader__error{border:1px solid var(--color-danger);border-radius:var(--radius);color:var(--color-text);margin:1.25rem 0 0;padding:.875rem 1rem}.downloader__loading{min-height:11rem;color:var(--color-muted);justify-content:center;align-items:center;gap:.75rem;display:flex}.downloader__actions{flex-wrap:wrap;gap:.75rem;margin-top:1.25rem;display:flex}