.tool-shell nav { display:flex; justify-content:space-between; align-items:center; margin-bottom:34px; }.back { color:#bec3d1; text-decoration:none; min-height:44px; display:flex; align-items:center; }.tool-hero { display:flex; align-items:center; gap:15px; margin-bottom:22px; }.tool-hero h1,.form-card h1 { margin:4px 0 0; font-size:clamp(27px,7vw,38px); letter-spacing:-.035em; }.bili-icon { display:grid; place-items:center; width:52px; height:52px; border-radius:17px; background:linear-gradient(145deg,#ff6b9d,#ff8a72); box-shadow:0 15px 35px rgba(255,107,157,.22); }.notice { display:grid; gap:5px; margin-bottom:14px; padding:15px 17px; border:1px solid rgba(78,214,162,.17); border-radius:17px; background:rgba(78,214,162,.055); }.notice strong { color:#bff3df; font-size:13px; }.notice span,.muted { color:var(--muted); font-size:12px; line-height:1.5; }.form-card,.preview { padding:20px; border:1px solid var(--line); border-radius:var(--radius); background:var(--panel); backdrop-filter:blur(18px); }.form-card { display:grid; gap:17px; }.form-card label,.preview label { display:grid; gap:8px; color:#d9dce7; font-size:13px; font-weight:650; }input,textarea,select { width:100%; min-height:48px; border:1px solid rgba(255,255,255,.1); border-radius:13px; outline:none; padding:12px 13px; color:var(--text); background:#101119; transition:border .15s,box-shadow .15s; }textarea { resize:vertical; min-height:96px; }input:focus,textarea:focus,select:focus { border-color:rgba(124,108,255,.7); box-shadow:0 0 0 4px rgba(124,108,255,.12); }.primary,.secondary,.text-button { min-height:46px; border:0; border-radius:13px; cursor:pointer; font-weight:750; }.primary { color:white; background:linear-gradient(135deg,var(--accent),var(--accent-2)); }.secondary { padding:0 14px; color:#dedaff; background:rgba(124,108,255,.15); }.text-button { min-height:38px; color:#aeadff; background:transparent; }.primary:disabled,.secondary:disabled { cursor:not-allowed; opacity:.45; }.cookie-row { display:flex; align-items:center; gap:12px; flex-wrap:wrap; }.browser-connect { display:grid; gap:12px; }.qr-panel { display:grid; justify-items:center; gap:11px; padding:16px; border:1px solid rgba(255,255,255,.08); border-radius:16px; background:#f7f8fc; color:#171822; text-align:center; }.qr-panel img { width:min(100%,280px); border-radius:10px; image-rendering:pixelated; }.qr-panel .muted { color:#686d7c; max-width:320px; }.qr-panel .download-link,.qr-panel .secondary { width:100%; color:#fff; border:1px solid transparent; }.qr-panel .download-link { background:linear-gradient(135deg,#d92765,#4935d2); box-shadow:0 8px 22px rgba(73,53,210,.25); }.qr-panel .secondary { background:#35384a; border-color:#4b5068; }.qr-panel .secondary:active,.qr-panel .download-link:active { transform:translateY(1px); filter:brightness(.9); }.qr-link { display:grid; place-items:center; min-height:40px; text-decoration:none; }.manual-cookie { border:1px solid rgba(255,255,255,.08); border-radius:13px; overflow:hidden; }.manual-cookie summary { cursor:pointer; padding:13px; color:var(--muted); font-size:12px; }.manual-inner { display:grid; gap:12px; padding:0 13px 13px; }.divider { height:1px; background:var(--line); }.message { min-height:1em; margin:0; color:#b9bfd0; font-size:12px; }.message.error { color:var(--bad); }.preview { display:grid; grid-template-columns:120px 1fr; gap:16px; margin-top:14px; }.preview img { width:120px; aspect-ratio:16/10; object-fit:cover; border-radius:14px; background:#11131b; }.preview h2 { margin:4px 0 5px; font-size:18px; }.preview label,.preview > button { grid-column:1/-1; }.preview-actions { grid-column:1/-1; display:grid; grid-template-columns:1fr 1fr; gap:10px; }.preview-actions .primary,.preview-actions .secondary { min-height:46px; }.preview-actions .secondary { color:#fff; background:#35384a; border:1px solid #4b5068; }.jobs { margin-top:28px; }.job-list { display:grid; gap:10px; }.job { display:grid; gap:10px; padding:16px; border:1px solid var(--line); border-radius:17px; background:rgba(22,24,33,.75); }.job-head { display:flex; gap:12px; align-items:flex-start; }.job-head strong { flex:1; font-size:14px; line-height:1.45; }.state { flex:none; padding:4px 7px; border-radius:99px; color:#ccc7ff; background:rgba(124,108,255,.12); font-size:10px; }.progress { height:6px; overflow:hidden; border-radius:99px; background:rgba(255,255,255,.06); }.progress span { display:block; height:100%; width:0; border-radius:inherit; background:linear-gradient(90deg,var(--accent),var(--accent-2)); transition:width .3s; }.job-actions { display:flex; gap:8px; }.download-link,.cancel { display:grid; place-items:center; min-height:40px; padding:0 13px; border:0; border-radius:11px; text-decoration:none; font-size:12px; font-weight:700; }.download-link { color:white; background:rgba(78,214,162,.18); }.cancel { color:#ffadb4; background:rgba(255,104,116,.1); }.login-shell { display:grid; place-items:center; min-height:100vh; }.login-shell .form-card { width:min(100%,430px); }.login-shell .brand-mark { margin-bottom:4px; }@media(max-width:520px){.preview{grid-template-columns:92px 1fr}.preview img{width:92px}.form-card,.preview{padding:17px}}