/* Downloads · V3: the task page's download panel and the Unlimited paywall (icons first, tooltips, short lines). */
.dl3{position:absolute;z-index:8;top:52px;left:12px;width:min(360px,calc(100% - 24px));max-height:calc(100% - 64px);overflow:auto;padding:12px;border-radius:16px;background:var(--tv3-glass,rgba(13,16,24,.86));border:1px solid var(--tv3-line,rgba(255,255,255,.12));box-shadow:0 22px 60px rgba(0,0,0,.55);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);color:var(--tv3-ink,#f2f4f8);font-size:13px;line-height:1.35;animation:dl3-in .18s ease-out}
.dl3[hidden]{display:none}
html[dir="rtl"] .dl3{left:auto;right:12px}
@keyframes dl3-in{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
.dl3-ico{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto}
.dl3-head{display:flex;align-items:center;gap:8px;margin:0 0 10px}
.dl3-head b{font-size:14px;font-weight:600}
.dl3-head .dl3-sp{flex:1}
.dl3-ver{padding:2px 7px;border-radius:7px;background:rgba(95,227,181,.12);color:var(--tv3-ok,#5fe3b5);font:11px/1.4 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
.dl3-icobtn{display:grid;place-items:center;width:30px;height:30px;padding:0;border-radius:9px;border:1px solid transparent;background:transparent;color:var(--tv3-dim,#a3acbd);cursor:pointer}
.dl3-icobtn:hover,.dl3-icobtn:focus-visible{color:#fff;border-color:var(--tv3-line,rgba(255,255,255,.12));outline:none}
.dl3-icobtn.on{color:#ffcf5c;border-color:rgba(255,207,92,.45);background:rgba(255,207,92,.1)}
.dl3-icobtn .dl3-ico{width:17px;height:17px}

.dl3-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.dl3-big{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 6px 10px;border-radius:13px;border:1px solid var(--tv3-line,rgba(255,255,255,.12));background:rgba(255,255,255,.04);color:var(--tv3-ink,#f2f4f8);cursor:pointer;font:600 12px/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.06em;transition:background .2s,border-color .2s,transform .15s}
.dl3-big .dl3-ico{width:28px;height:28px}
.dl3-big:hover,.dl3-big:focus-visible{background:rgba(99,102,241,.2);border-color:var(--tv3-accent,#6366f1);outline:none;transform:translateY(-1px)}
.dl3-big.ready{border-color:rgba(95,227,181,.45)}
.dl3-big.ready::after{content:"";position:absolute;top:7px;right:7px;width:7px;height:7px;border-radius:50%;background:var(--tv3-ok,#5fe3b5)}
.dl3-big.busy,.dl3-mini.busy{border-color:var(--tv3-accent,#6366f1);animation:dl3-pulse 1.3s ease-in-out infinite}
@keyframes dl3-pulse{50%{box-shadow:0 0 0 4px rgba(99,102,241,.2)}}
/* the icons move a little on hover and while their file is being made */
.dl3-big:hover .dl3-spin-y,.dl3-big.busy .dl3-spin-y{transform-origin:12px 12px;animation:dl3-turn 1.6s ease-in-out infinite}
.dl3-big:hover .dl3-wave,.dl3-big.busy .dl3-wave{animation:dl3-bob .9s ease-in-out infinite alternate}
.dl3-big:hover .dl3-zip,.dl3-big.busy .dl3-zip{stroke-dasharray:2 2;animation:dl3-dash .8s linear infinite}
@keyframes dl3-turn{50%{transform:scaleX(-1)}}
@keyframes dl3-bob{to{transform:translateY(-1.5px)}}
@keyframes dl3-dash{to{stroke-dashoffset:-8}}

.dl3-sec{margin:12px 0 0}
.dl3-sec h4{margin:0 0 6px;font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--tv3-dim,#a3acbd)}
.dl3-clips{list-style:none;margin:0;padding:0;display:grid;gap:4px;max-height:210px;overflow:auto}
.dl3-clips li{display:flex;align-items:center;gap:6px;padding:4px 4px 4px 9px;border-radius:9px;background:rgba(255,255,255,.03)}
.dl3-clip{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dl3-mini{padding:5px 8px;border-radius:8px;border:1px solid var(--tv3-line,rgba(255,255,255,.12));background:transparent;color:var(--tv3-ink,#f2f4f8);cursor:pointer;font:600 10px/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.06em}
.dl3-mini:hover,.dl3-mini:focus-visible{border-color:var(--tv3-accent,#6366f1);background:rgba(99,102,241,.2);outline:none}

.dl3-prog{margin:12px 0 0}
.dl3-prog[hidden]{display:none}
.dl3-bar{position:relative;height:8px;border-radius:99px;background:rgba(255,255,255,.08);overflow:hidden}
.dl3-bar>i{position:absolute;inset:0 auto 0 0;width:0;border-radius:inherit;background:linear-gradient(90deg,#4cc9ff,var(--tv3-accent,#6366f1),#5fe3b5);transition:width .5s ease}
html[dir="rtl"] .dl3-bar>i{inset:0 0 0 auto}
.dl3-line{display:flex;justify-content:space-between;gap:10px;margin:7px 0 0;color:var(--tv3-dim,#a3acbd);font-size:12px}
.dl3-line b{color:var(--tv3-ink,#f2f4f8);font-variant-numeric:tabular-nums}
.dl3-prog.failed{cursor:pointer}
.dl3-prog.failed .dl3-bar>i{background:var(--tv3-bad,#ff7a8a)}
.dl3-prog.failed .dl3-line span{color:var(--tv3-bad,#ff7a8a)}
.dl3-loading{display:flex;justify-content:center;gap:6px;padding:22px 0}
.dl3-loading i{width:8px;height:8px;border-radius:50%;background:var(--tv3-accent,#6366f1);animation:dl3-dot 1s ease-in-out infinite}
.dl3-loading i:nth-child(2){animation-delay:.15s}.dl3-loading i:nth-child(3){animation-delay:.3s}
@keyframes dl3-dot{50%{transform:translateY(-5px);opacity:.5}}
.dl3-note{margin:4px 2px;color:var(--tv3-dim,#a3acbd)}
.dl3-legacy{display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:12px;border:1px solid var(--tv3-line,rgba(255,255,255,.12));color:var(--tv3-ink,#f2f4f8);text-decoration:none}
.dl3-legacy:hover{border-color:var(--tv3-accent,#6366f1)}

/* paywall: lock, three icon lines, the price, one button */
.dl3.locked .dl3-big,.dl3.locked .dl3-mini{opacity:.72}
.dl3-pay{margin:12px 0 0;padding:14px 12px 12px;border-radius:14px;border:1px solid rgba(255,207,92,.35);background:linear-gradient(160deg,rgba(255,207,92,.1),rgba(99,102,241,.12));text-align:center;animation:dl3-in .2s ease-out}
.dl3-pay-lock{display:grid;place-items:center;margin:0 auto 6px;width:44px;height:44px;border-radius:50%;background:rgba(255,207,92,.14);color:#ffcf5c}
.dl3-pay-lock .dl3-ico{width:24px;height:24px}
.dl3-shackle{animation:dl3-shackle 2.2s ease-in-out infinite}
@keyframes dl3-shackle{0%,60%,100%{transform:none}70%{transform:translateY(-2px)}80%{transform:none}}
.dl3-pay-title{margin:0 0 10px;font-size:14px;font-weight:600}
.dl3-pay-list{list-style:none;margin:0 0 10px;padding:0;display:grid;gap:6px;text-align:start}
.dl3-pay-list li{display:flex;align-items:center;gap:9px;color:var(--tv3-ink,#f2f4f8)}
.dl3-pay-list .dl3-ico{color:var(--tv3-ok,#5fe3b5)}
.dl3-drop{animation:dl3-bob .9s ease-in-out infinite alternate}
.dl3-loop{stroke-dasharray:46;animation:dl3-loop 3s linear infinite}
@keyframes dl3-loop{from{stroke-dashoffset:92}to{stroke-dashoffset:0}}
.dl3-pay-price{margin:0 0 10px;font-size:18px;font-weight:700;letter-spacing:.01em}
.dl3-cta{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:11px 14px;border-radius:12px;background:var(--tv3-accent,#6366f1);color:#fff;text-decoration:none;font-weight:600;font-size:14px;border:0;cursor:pointer;box-shadow:0 8px 24px rgba(99,102,241,.35);transition:transform .15s,box-shadow .2s}
.dl3-cta:hover,.dl3-cta:focus-visible{transform:translateY(-1px);box-shadow:0 10px 30px rgba(99,102,241,.5);outline:none}
.dl3-pay-hint{margin:8px 0 0;color:var(--tv3-dim,#a3acbd);font-size:12px}
.dl3-pay-hint[hidden]{display:none}
.tv3-tool.dl3-open{background:rgba(99,102,241,.28);border-color:var(--tv3-accent,#6366f1)}
.tv3-tool#tv3-classic:hover svg path{animation:dl3-bob .7s ease-in-out infinite alternate}
@media (max-width:480px){.dl3{top:50px;left:8px;width:calc(100% - 16px)}html[dir="rtl"] .dl3{right:8px}}
@media (prefers-reduced-motion:reduce){.dl3,.dl3 *{animation:none!important}}

/* ---- round 2 (2026-10-11): the big green «Download Rig» button and the options panel ---- */
.dl3-hero{--g1:#16c784;--g2:#0ea86b;position:relative;flex:0 0 auto;display:inline-flex;align-items:center;gap:9px;height:38px;margin-inline-start:auto;margin-inline-end:46px;padding:0 18px 0 14px;border:0;border-radius:12px;background:linear-gradient(135deg,var(--g1),var(--g2));color:#fff;font:700 14px/1 inherit;letter-spacing:.02em;cursor:pointer;overflow:hidden;isolation:isolate;box-shadow:0 0 0 1px rgba(255,255,255,.18) inset,0 6px 22px rgba(22,199,132,.42);animation:dl3-glow 2.6s ease-in-out infinite;transition:transform .15s}
.dl3-hero[hidden]{display:none}
.dl3-hero .dl3-ico{width:20px;height:20px;stroke-width:2.2}
.dl3-hero .dl3-hero-arrow{animation:dl3-arrow 1.9s cubic-bezier(.4,0,.2,1) infinite}
.dl3-hero-shine{position:absolute;inset:0;z-index:-1;background:linear-gradient(105deg,transparent 30%,rgba(255,255,255,.45) 48%,transparent 66%);transform:translateX(-120%);animation:dl3-shine 3.7s ease-in-out infinite;animation-delay:.9s}
.dl3-hero:hover,.dl3-hero:focus-visible,.dl3-hero.open{transform:translateY(-1px) scale(1.03);outline:none;box-shadow:0 0 0 2px rgba(255,255,255,.55) inset,0 8px 28px rgba(22,199,132,.6)}
.dl3-hero.enter{animation:dl3-pop .6s cubic-bezier(.2,1.6,.4,1) 1,dl3-glow 2.6s ease-in-out .6s infinite}
.dl3-hero.burst{animation:dl3-burst .7s ease-out 1,dl3-glow 2.6s ease-in-out .7s infinite}
@keyframes dl3-glow{0%,100%{box-shadow:0 0 0 1px rgba(255,255,255,.18) inset,0 6px 22px rgba(22,199,132,.42)}43%{box-shadow:0 0 0 1px rgba(255,255,255,.28) inset,0 6px 34px rgba(22,199,132,.78)}61%{box-shadow:0 0 0 1px rgba(255,255,255,.2) inset,0 6px 26px rgba(22,199,132,.5)}}
@keyframes dl3-shine{0%,55%{transform:translateX(-120%)}80%,100%{transform:translateX(120%)}}
@keyframes dl3-arrow{0%,40%,100%{transform:translateY(0)}55%{transform:translateY(2.5px)}70%{transform:translateY(-.5px)}}
@keyframes dl3-pop{0%{transform:scale(.6);opacity:0}100%{transform:none;opacity:1}}
@keyframes dl3-burst{0%{transform:none}30%{transform:scale(1.08) rotate(-1.5deg)}55%{transform:scale(.98) rotate(1deg)}100%{transform:none}}
html[dir="rtl"] .dl3-hero-shine{transform:translateX(120%);animation-name:dl3-shine-rtl}
@keyframes dl3-shine-rtl{0%,55%{transform:translateX(120%)}80%,100%{transform:translateX(-120%)}}

.dl3-targets{grid-template-columns:repeat(5,1fr);gap:6px}
.dl3-targets .dl3-big{padding:10px 2px 8px;font-size:10.5px}
.dl3-targets .dl3-big .dl3-ico{width:24px;height:24px}
.dl3-big.on{background:rgba(22,199,132,.16);border-color:#16c784;color:#fff}
.dl3-opts{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:10px 0 0}
.dl3-seg{display:inline-flex;padding:2px;border-radius:10px;border:1px solid var(--tv3-line,rgba(255,255,255,.12));background:rgba(255,255,255,.03)}
.dl3-segbtn{display:grid;place-items:center;width:34px;height:30px;padding:0;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--tv3-dim,#a3acbd);cursor:pointer}
.dl3-segbtn .dl3-ico{width:18px;height:18px}
.dl3-segbtn.on{background:rgba(22,199,132,.18);border-color:rgba(22,199,132,.6);color:#fff}
.dl3-segbtn:hover,.dl3-segbtn:focus-visible{color:#fff;outline:none}
.dl3-mx{border:1px solid var(--tv3-line,rgba(255,255,255,.12));height:34px}
.dl3-vers{display:inline-flex;flex-wrap:wrap;gap:4px}
.dl3-verbtn{padding:5px 8px;border-radius:8px;border:1px solid var(--tv3-line,rgba(255,255,255,.12));background:transparent;color:var(--tv3-dim,#a3acbd);font:600 11px/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;cursor:pointer}
.dl3-verbtn.cur{border-style:dashed}
.dl3-verbtn.on{background:rgba(22,199,132,.18);border-color:#16c784;color:#fff}
.dl3-sechead{display:flex;align-items:center;gap:8px;margin:0 0 6px}
.dl3-sechead h4{margin:0}
.dl3-count{flex:1;color:var(--tv3-dim,#a3acbd);font-size:11px;font-variant-numeric:tabular-nums}
.dl3-all{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border-radius:8px;border:1px solid var(--tv3-line,rgba(255,255,255,.12));background:transparent;color:var(--tv3-dim,#a3acbd);font-size:11px;cursor:pointer}
.dl3-all .dl3-ico{width:13px;height:13px;opacity:.35}
.dl3-all.on{color:#fff;border-color:rgba(22,199,132,.6)}
.dl3-all.on .dl3-ico{opacity:1;color:#16c784}
.dl3-clips li{padding:0}
.dl3-clips li label{display:flex;align-items:center;gap:8px;width:100%;padding:6px 9px;cursor:pointer}
.dl3-clips li.on{background:rgba(22,199,132,.08)}
.dl3-clips input{accent-color:#16c784;width:15px;height:15px;margin:0;flex:0 0 auto}
.dl3-clips label span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dl3-go{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;margin:12px 0 0;padding:12px 14px;border:0;border-radius:12px;background:linear-gradient(135deg,#16c784,#0ea86b);color:#fff;font-weight:700;font-size:15px;cursor:pointer;box-shadow:0 8px 24px rgba(22,199,132,.35);transition:transform .15s,box-shadow .2s,opacity .2s}
.dl3-go small{font-weight:600;font-size:12px;opacity:.85}
.dl3-go .dl3-ico{width:20px;height:20px;stroke-width:2.2}
.dl3-go:hover:not([disabled]),.dl3-go:focus-visible{transform:translateY(-1px);box-shadow:0 10px 30px rgba(22,199,132,.55);outline:none}
.dl3-go[disabled]{opacity:.45;cursor:not-allowed}
.dl3-go.busy .dl3-hero-arrow{animation:dl3-arrow 1.1s ease-in-out infinite}
.dl3.locked .dl3-go{filter:saturate(.8)}
@media (max-width:640px){.dl3-hero{height:36px;padding:0 12px;margin-inline-end:44px;font-size:13px}.dl3-targets{grid-template-columns:repeat(3,1fr)}}
@media (prefers-reduced-motion:reduce){.dl3-hero,.dl3-hero *,.dl3-go *{animation:none!important}.dl3-hero-shine{display:none}}
@media (max-width:420px){.dl3-hero{padding:0 11px}.dl3-hero span{display:none}}

/* pricing 2026-10-16: the launch offer, the task pack and the unlock button */
.dl3-pay-price s{opacity:.5;font-weight:500;margin-right:8px;text-decoration:line-through}
.dl3-pay-off{display:inline-block;margin-left:8px;padding:2px 8px;border-radius:999px;background:rgba(34,197,94,.18);color:#22c55e;font-style:normal;font-size:12px;font-weight:700;vertical-align:middle}
.dl3-pay-or{margin:10px 0 6px;font-size:11px;opacity:.6;text-transform:uppercase;letter-spacing:.1em}
.dl3-cta-alt{background:transparent;color:inherit;border:1px solid rgba(128,128,128,.4);box-shadow:none}
.dl3-cta-alt:hover,.dl3-cta-alt:focus-visible{box-shadow:none;border-color:var(--tv3-accent,#6366f1)}
.dl3-cta-alt small{opacity:.65;font-weight:500;margin-left:4px}
.dl3-cta[disabled]{opacity:.5;pointer-events:none}