.downloader-card{background:var(--card);border-radius:var(--r-xl);padding:2.5rem;border:1px solid var(--line);box-shadow:var(--sh-md);display:flex;flex-direction:column;gap:2rem}.dl-form{display:flex;flex-direction:column;gap:2rem}.input-bar{background:var(--card);border:1.5px solid var(--line);border-radius:var(--r-lg);padding-block:.5rem;padding-inline:1.25rem .5rem;display:flex;align-items:center;gap:.75rem;box-shadow:var(--sh-sm);transition:var(--ease);width:100%}.input-bar:focus-within{border-color:var(--violet);box-shadow:0 0 0 4px rgba(139,92,246,.12)}.input-icon{width:28px;height:28px;color:var(--muted);display:flex;align-items:center;justify-content:center;flex-shrink:0}.url-input{flex-grow:1;border:none;outline:none;background:transparent;font-size:1rem;color:var(--ink);width:100%;min-width:0;min-height:40px}.url-input:focus-visible{outline:none}body.rtl .url-input{text-align:right}body.rtl .url-input:placeholder-shown{direction:rtl}body.rtl .url-input:not(:placeholder-shown){text-align:left}.url-input::placeholder{color:var(--muted);opacity:.8}.paste-btn{background:var(--s3);color:var(--muted);border:1px solid var(--line);border-radius:var(--r-md);padding:.7rem .9rem;font-weight:700;font-size:.88rem;cursor:pointer;transition:var(--ease);display:flex;align-items:center;gap:0;white-space:nowrap;flex-shrink:0;min-height:44px}.paste-btn:hover{background:var(--s2);color:var(--ink);border-color:var(--line2)}.paste-btn span{display:inline-block;max-width:0;overflow:hidden;opacity:0;transition:max-width .25s ease,opacity .2s ease,margin .25s ease}@media (hover:hover){.paste-btn:hover span,.paste-btn:focus-visible span{max-width:8rem;opacity:1;margin-inline-start:.5rem}}.action-row{display:flex;justify-content:center;margin-top:-.75rem}.result-container{display:flex;flex-direction:column;gap:1.25rem;padding-top:1.5rem;border-top:1px dashed var(--line);animation:slideUp .4s ease}.video-meta-box{background:var(--s2);border:1px solid var(--line);border-radius:var(--r-md);padding:1.25rem;display:flex;align-items:center;gap:1.25rem}.video-thumb{width:112px;height:76px;border-radius:var(--r-sm);background:var(--grad);display:flex;align-items:center;justify-content:center;color:var(--white);flex-shrink:0;overflow:hidden}.video-thumb img{width:100%;height:100%;object-fit:cover}.video-thumb svg{width:34px;height:34px}.video-details{display:flex;flex-direction:column;gap:.4rem;overflow:hidden;min-width:0}.video-title-text{font-weight:800;font-size:1rem;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}.video-sub{font-size:.8rem;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.badges{display:flex;gap:.4rem;flex-wrap:wrap}.video-platform-badge{display:inline-block;font-size:.7rem;font-weight:bold;padding:.15rem .55rem;border-radius:var(--r-sm);background:var(--s3);color:var(--ink)}.choose-title{font-weight:800;font-size:.95rem}.format-buttons-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.75rem;width:100%}.quality-btn{background:var(--card);border:1px solid var(--line);border-radius:var(--r-md);padding:.9rem;font-weight:700;font-size:.85rem;color:var(--ink);cursor:pointer;transition:var(--ease);text-align:center;min-height:44px;display:flex;align-items:center;justify-content:center;overflow-wrap:anywhere}.quality-btn:hover:not(:disabled){background:var(--s2);border-color:var(--line2);transform:translateY(-1px)}.quality-btn:disabled{opacity:.55;cursor:not-allowed}.quality-btn.nav{background:var(--s3)}.quality-btn.link{border-style:dashed}.quality-btn.active-quality{background:var(--chip);color:var(--chip2);border-color:var(--chip)}.hint{font-size:.8rem;color:var(--muted);line-height:1.6}.jobs{display:flex;flex-direction:column;gap:1rem}.jobs:empty{display:none}.progress-box{background:var(--s2);border:1px solid var(--line);border-radius:var(--r-md);padding:1.25rem;display:flex;flex-direction:column;gap:.85rem;animation:slideUp .3s ease}.progress-box.ready{background:color-mix(in oklab,var(--ok) 10%,var(--card));border-color:color-mix(in oklab,var(--ok) 35%,transparent)}.progress-box.failed{border-color:color-mix(in oklab,var(--bad) 40%,transparent)}.progress-info-row{display:flex;justify-content:space-between;align-items:center;font-weight:bold;font-size:.9rem;gap:1rem}.job-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.job-choice{flex-shrink:0;color:var(--muted);font-size:.8rem}.progress-bar-bg{height:10px;background:var(--s3);border-radius:5px;overflow:hidden;width:100%}.progress-bar-fill{height:100%;background:var(--grad);width:0%;border-radius:5px;transition:width .3s ease}.progress-bar-fill.indet{width:35%;animation:indet 1.4s ease-in-out infinite}.progress-box.ready .progress-bar-fill{background:var(--ok)}.job-line{font-size:.88rem;font-weight:700;color:var(--muted);line-height:1.6}.ready .job-line{color:var(--ok2)}.failed .job-line{color:var(--bad)}.job-actions{display:flex;gap:.75rem;flex-wrap:wrap;align-items:center}.file-download-btn{background:var(--ok2);color:#fff;border:none;border-radius:var(--r-sm);padding:.55rem 1.1rem;font-weight:700;font-size:.85rem;cursor:pointer;transition:var(--ease);white-space:nowrap;min-height:40px;display:inline-flex;align-items:center}.file-download-btn:hover{filter:brightness(1.08)}.row-action-btn{background:var(--s3);border:1px solid var(--line);border-radius:var(--r-sm);padding:.45rem .9rem;font-weight:bold;font-size:.78rem;color:var(--ink);cursor:pointer;transition:var(--ease);white-space:nowrap;min-height:36px;display:inline-flex;align-items:center}.row-action-btn:hover{background:var(--chip);color:var(--chip2);border-color:var(--chip)}.row-link{display:inline-flex;align-items:center;text-decoration:none;margin-inline-start:.4rem}.history-card{background:var(--card);border-radius:var(--r-xl);border:1px solid var(--line);padding:2.5rem;box-shadow:var(--sh-md);display:flex;flex-direction:column;gap:1.5rem}.lock-box{text-align:center;padding:2rem 0;display:flex;flex-direction:column;gap:1.25rem;align-items:center}.lock-box p{color:var(--muted);max-width:400px;font-weight:700;line-height:1.7}.lock-box .auth-btn{width:auto;padding:.75rem 2rem}.lock-icon{font-size:3rem}.empty-note{text-align:center;color:var(--muted);font-weight:700;padding:1.5rem 0}.history-table-container{width:100%;overflow-x:auto}.history-table{width:100%;border-collapse:collapse;text-align:start;min-width:480px}.history-table th{padding:.9rem 1rem;border-bottom:2px solid var(--line);color:var(--muted);font-weight:700;font-size:.85rem;white-space:nowrap;text-align:start}.history-table td{padding:.9rem 1rem;border-bottom:1px solid var(--line);font-size:.88rem;font-weight:500}.history-table tbody tr:last-child td{border-bottom:none}.history-table tbody tr:hover{background:var(--s2)}.history-title-cell{font-weight:700;max-width:300px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.badge{display:inline-block;font-size:.75rem;font-weight:700;padding:.25rem .65rem;border-radius:var(--r-sm);white-space:nowrap}.badge-done{background:color-mix(in oklab,var(--ok) 16%,transparent);color:var(--ok)}.badge-failed{background:color-mix(in oklab,#ef4444 16%,transparent);color:#ef4444}.badge-waiting,.badge-cancelled{background:color-mix(in oklab,#f59e0b 18%,transparent);color:#d97706}.badge-preparing,.badge-sending{background:color-mix(in oklab,var(--blue) 16%,transparent);color:var(--blue)}@media (max-width:768px){.downloader-card,.history-card{padding:1.5rem 1rem}.downloader-card{order:-1}.downloader-card{gap:1.5rem}.format-buttons-grid{grid-template-columns:repeat(2,1fr)}.video-meta-box{padding:1rem;gap:1rem}.video-thumb{width:84px;height:60px}.history-table{min-width:0}.history-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.history-table,.history-table tbody{display:block}.history-table tr{display:grid;grid-template-columns:auto 1fr;gap:.55rem .75rem;align-items:center;padding:.9rem 0;border-bottom:1px solid var(--line)}.history-table tr:last-child{border:0}.history-table td{display:block;padding:0;border:0}.history-title-cell{grid-column:1/-1;max-width:none}.history-table td:nth-child(2){grid-area:2/2;color:var(--muted)}.history-table td:nth-child(3){grid-area:2/1}.history-table td:nth-child(4){grid-column:1/-1;display:flex;gap:.5rem}.history-table .row-action-btn{flex:1;justify-content:center;margin:0;min-height:42px}}