.dl-form{display:flex;flex-direction:column;align-items:center;gap:1.4rem;margin-top:2.8rem;width:min(26rem,100%);position:relative;z-index:1;animation:fadeUp 0.4s ease-out both;animation-delay:150ms;}
.dl-form .link-card{animation:none;}

.dl-field{position:relative;width:100%;}
.dl-field::before,.dl-field::after{content:'';position:absolute;left:0;right:0;bottom:0;height:1px;pointer-events:none;}
.dl-field::before{background:var(--border);}
.dl-field::after{background:rgba(228,228,231,0.55);transform:scaleX(0);transition:transform 0.35s ease;}
.dl-field:focus-within::after{transform:scaleX(1);}
.dl-url{display:block;width:100%;background:transparent;border:0;border-radius:0;padding:0.7rem 3.6rem;color:var(--light);font:inherit;font-size:0.85rem;letter-spacing:0.02em;text-align:center;text-transform:none;text-overflow:ellipsis;outline:none;}
.dl-url::placeholder{color:rgba(161,161,170,0.28);text-transform:lowercase;}
.dl-act{position:absolute;right:0;top:50%;transform:translateY(-50%);background:none;border:0;padding:0.3rem 0;font:inherit;font-size:0.7rem;letter-spacing:0.06em;text-transform:inherit;color:rgba(161,161,170,0.45);cursor:pointer;transition:color 0.2s ease;}
.dl-act:hover{color:var(--light);}
.dl-act[hidden]{display:none;}
.dl-act:focus-visible{outline:1px dashed rgba(228,228,231,0.4);outline-offset:4px;}

.dl-formats{position:relative;display:grid;grid-template-columns:repeat(2,1fr);width:min(13rem,100%);min-width:0;border:0;margin-top:0.6rem;}
.dl-formats::before{content:'';position:absolute;left:0;right:0;bottom:0;height:1px;background:var(--border);}
.dl-formats input{position:absolute;opacity:0;pointer-events:none;}
.dl-formats label{padding:0.5rem 0;text-align:center;cursor:pointer;color:rgba(161,161,170,0.45);font-size:0.95rem;letter-spacing:0.06em;transition:color 0.25s ease;}
.dl-formats label:hover{color:var(--gray-100);}
.dl-formats input:checked+label{color:var(--light);}
.dl-formats input:focus-visible+label{outline:1px dashed rgba(228,228,231,0.4);outline-offset:-2px;}
.dl-ind{position:absolute;left:0;bottom:0;width:50%;height:1px;pointer-events:none;transition:transform 0.35s cubic-bezier(0.4,0,0.2,1);}
.dl-ind::before{content:'';position:absolute;left:0.9rem;right:0.9rem;bottom:0;height:1px;background:var(--light);}
.dl-formats:has(input[value=mp3]:checked) .dl-ind{transform:translateX(100%);}

.dl-hint{margin-top:-0.5rem;font-size:0.72rem;color:rgba(161,161,170,0.4);min-height:1.2em;text-align:center;}
.dl-form button.link-card{margin-top:0.8rem;}
.dl-form button.link-card:disabled{opacity:0.3;cursor:default;}
.dl-form button.link-card:disabled:hover{color:var(--gray-100);}
.dl-form button.link-card:disabled::before,.dl-form button.link-card:disabled::after{display:none;}
.dl-status{font-size:0.78rem;color:var(--gray-100);min-height:1.2em;text-align:center;}
.dl-status.err{color:rgba(248,113,113,0.75);}

.dl-note{position:relative;z-index:1;margin-top:2.6rem;font-size:0.68rem;letter-spacing:0.04em;color:rgba(161,161,170,0.28);text-align:center;animation:fadeUp 0.4s ease-out both;animation-delay:300ms;}
.dl-note+.dl-note{margin-top:0.5rem;}
.dl-note+.back{margin-top:1.4rem;}

@media (prefers-reduced-motion:reduce){.dl-field::after,.dl-ind{transition:none;}}

.dl-progress{width:min(19rem,100%);height:1px;margin-top:-0.4rem;background:var(--border);overflow:hidden;}
.dl-progress[hidden]{display:none;}
.dl-progress span{display:block;height:100%;background:rgba(228,228,231,0.7);transform-origin:left;transform:scaleX(var(--p,0));transition:transform 0.4s ease;}
.dl-form .dl-file{margin-top:-0.4rem;}
.dl-form .dl-file[hidden]{display:none;}
.dl-url:read-only{color:var(--gray-100);}