:root{--bg-color: #09090b;--card-bg: #18181b;--card-hover: #27272a;--primary: #8b5cf6;--primary-hover: #7c3aed;--text-main: #f4f4f5;--text-secondary: #a1a1aa;--border: #27272a;--success: #10b981;--error: #ef4444}body{background-color:var(--bg-color);color:var(--text-main);font-family:system-ui,-apple-system,sans-serif;margin:0;padding:0;min-height:100vh;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}.container{max-width:800px;margin:0 auto;padding:40px 20px}h1{font-size:2.5rem;font-weight:800;margin-bottom:8px;background:linear-gradient(to right,#8b5cf6,#ec4899);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-align:center}.subtitle{text-align:center;color:var(--text-secondary);margin-bottom:40px}.controls-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding:0 4px}.clear-btn{background:transparent;color:var(--text-secondary);border:1px solid var(--border);padding:6px 16px;border-radius:20px;font-size:.85rem;cursor:pointer;transition:all .2s}.clear-btn:hover{background:#ef44441a;color:var(--error);border-color:var(--error)}.delete-btn{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:4px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s;margin-left:12px}.delete-btn:hover{background:#ffffff1a;color:var(--text-main)}.input-group{display:flex;gap:12px;margin-bottom:40px;position:relative}.input-wrapper{flex:1;position:relative}input{width:100%;background:var(--card-bg);border:1px solid var(--border);padding:16px 20px;border-radius:12px;color:var(--text-main);font-size:1rem;transition:all .2s;outline:none}input:focus{border-color:var(--primary);box-shadow:0 0 0 2px #8b5cf633}button.download-btn{background:var(--primary);color:#fff;border:none;padding:0 32px;border-radius:12px;font-weight:600;cursor:pointer;transition:background .2s;font-size:1rem}button.download-btn:hover{background:var(--primary-hover)}button.download-btn:disabled{opacity:.5;cursor:not-allowed}.downloads-list{display:flex;flex-direction:column;gap:16px}.download-item{background:var(--card-bg);border:1px solid var(--border);padding:20px;border-radius:16px;animation:slideIn .3s ease-out}.item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.item-title{font-weight:500;font-size:.95rem;color:var(--text-main);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0}.item-status{font-size:.85rem;padding:4px 12px;border-radius:20px;background:#ffffff0d;color:var(--text-secondary)}.item-status.downloading{color:var(--primary);background:#8b5cf61a}.item-status.completed{color:var(--success);background:#10b9811a}.item-status.error{color:var(--error);background:#ef44441a}.item-status.queued{color:var(--text-secondary);background:#9ca3af26}.progress-container{height:6px;background:var(--card-hover);border-radius:3px;overflow:hidden;margin-bottom:8px}.progress-bar{height:100%;background:linear-gradient(90deg,var(--primary),#ec4899);transition:width .3s ease}.item-details{display:flex;justify-content:space-between;font-size:.8rem;color:var(--text-secondary)}@media(max-width:700px){.container{padding:24px 14px}h1{font-size:1.8rem}.input-group{flex-direction:column}button.download-btn{padding:14px 20px;width:100%}.controls-header{flex-wrap:wrap;gap:8px}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}