/* Crawler & Screenshot - reuses the home theme (style.css variables) */
.nav-links a.active{color:var(--text)}
.extractor-wide{max-width:780px}

/* ---- section wrapper ---- */
.wc-section{max-width:1200px;margin:48px auto 0;padding:0 6vw}
.wc-h2{margin:0;font-size:20px}
.wc-panel{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);
  box-shadow:0 18px 50px -28px rgba(124,92,255,.45)}

/* ---- options card under search ---- */
.wc-optcard{display:grid;grid-template-columns:minmax(220px,250px) 1fr;gap:26px;align-items:start;
  margin-top:14px;background:var(--panel);border:1px solid var(--border);
  border-radius:16px;padding:20px 24px;text-align:left;box-shadow:0 18px 50px -30px rgba(124,92,255,.4)}
@media(max-width:620px){.wc-optcard{grid-template-columns:1fr;gap:18px}}
.wc-ctl{text-align:left}
.wc-ctl-grow{flex:1;min-width:240px}
.wc-ctl > label{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.6px;color:var(--muted);margin-bottom:9px}
.wc-ctl select{width:100%;background:var(--bg2);border:1px solid var(--border);color:var(--text);
  border-radius:11px;padding:11px 14px;font-size:14px;font-family:inherit;cursor:pointer;outline:none}
.wc-ctl select:focus{border-color:var(--accent)}
.wc-devices{display:flex;gap:8px;flex-wrap:wrap}
.wc-dev{display:inline-flex;align-items:center;gap:8px;background:var(--bg2);border:1px solid var(--border);
  color:var(--muted);border-radius:999px;padding:8px 14px;cursor:pointer;font-size:13px;transition:.2s}
.wc-dev:hover{color:var(--text);border-color:var(--accent)}
.wc-dev input{accent-color:var(--accent);margin:0}
.wc-dev em{font-style:normal;color:var(--muted);font-size:11px}
.wc-dev:has(input:checked){color:var(--text);border-color:var(--accent);background:rgba(124,92,255,.14)}

/* ---- progress panel ---- */
.wc-progress-panel{padding:26px 28px}
.wc-stats{display:flex;gap:38px;flex-wrap:wrap;justify-content:center;margin-bottom:22px}
.wc-stat{display:flex;flex-direction:column;align-items:center;gap:3px}
.wc-stat span{font-size:28px;font-weight:700;font-variant-numeric:tabular-nums;line-height:1}
.wc-stat label{font-size:11px;text-transform:uppercase;letter-spacing:.6px;color:var(--muted)}
.wc-stat.acc span{color:var(--accent2)}
.wc-stat.bad span{color:var(--bad)}
.wc-progress-panel .pbar-row{margin-bottom:0}
.wc-tech{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin-top:20px}
.wc-tech:empty{margin-top:0}
.wc-badge{background:rgba(34,211,238,.14);color:var(--accent3);border:1px solid rgba(34,211,238,.4);
  border-radius:999px;padding:4px 13px;font-size:12px;font-weight:600}

/* ---- split: queue + log ---- */
.wc-split{display:grid;grid-template-columns:1.3fr 1fr;gap:26px;align-items:start}
@media(max-width:900px){.wc-split{grid-template-columns:1fr}}
.wc-colhead{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:4px}
.wc-count{font-size:13px;color:var(--muted)}
.wc-hint{margin:0 0 12px;font-size:12.5px;color:var(--muted)}
.wc-col > .wc-panel{margin-top:4px}

/* ---- queue ---- */
.wc-queue{display:flex;flex-direction:column;gap:8px;max-height:560px;overflow:auto;padding:12px}
.wc-qitem{display:flex;gap:13px;align-items:center;background:var(--bg2);border:1px solid var(--border);
  border-radius:12px;padding:9px 11px;transition:.15s;cursor:pointer}
.wc-qitem:hover{border-color:var(--accent);transform:translateY(-1px)}
.wc-thumb-wrap{position:relative;width:78px;height:52px;flex:none;border-radius:8px;overflow:hidden;
  border:1px solid var(--border);background:var(--panel2)}
.wc-thumb{width:100%;height:100%;object-fit:cover;object-position:top;display:block}
.wc-thumb.ph{display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:11px}
.wc-eye{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:18px;
  background:rgba(10,10,18,.55);opacity:0;transition:.15s}
.wc-qitem:hover .wc-eye.on{opacity:1}
.wc-qmeta{min-width:0;flex:1}
.wc-qurl{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wc-qsub{font-size:11px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}
.wc-pill{font-size:10px;font-weight:700;border-radius:999px;padding:3px 9px;flex:none;border:1px solid var(--border);color:var(--muted);letter-spacing:.4px}
.wc-pill.ok{color:var(--ok);border-color:rgba(34,197,94,.4);background:rgba(34,197,94,.12)}
.wc-pill.err{color:var(--bad);border-color:rgba(239,68,68,.4);background:rgba(239,68,68,.12)}
.wc-pill.wait{color:var(--warn);border-color:rgba(245,158,11,.4);background:rgba(245,158,11,.12)}

/* ---- log ---- */
.wc-log{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12.5px;
  max-height:560px;overflow:auto;padding:14px 16px}
.wc-log .l{display:block;padding:2px 0;line-height:1.55;white-space:pre-wrap;word-break:break-word}
.wc-log .t{color:var(--muted)}
.wc-log .ok{color:var(--ok)}
.wc-log .er{color:var(--bad)}
.wc-log .in{color:var(--accent3)}
.wc-log .wn{color:var(--warn)}

/* ---- downloads ---- */
.wc-downloads{display:flex;flex-direction:column;gap:14px;margin-top:16px}
.wc-dlgroup{display:flex;flex-direction:column;gap:8px}
.wc-dlhead{font-size:13px;font-weight:700;color:var(--text);word-break:break-all}
.wc-dlrow{display:flex;gap:10px;flex-wrap:wrap}
.wc-dl{display:inline-flex;align-items:center;gap:8px;background:var(--panel);border:1px solid var(--border);
  color:var(--text);border-radius:11px;padding:11px 18px;font-size:14px;font-weight:600;cursor:pointer;transition:.2s}
.wc-dl:hover{border-color:var(--accent);background:rgba(124,92,255,.1)}
.wc-dl.primary{background:linear-gradient(90deg,var(--accent),var(--accent2));border:0;color:#fff}
.wc-dl.primary:hover{filter:brightness(1.1)}

/* ---- history ---- */
.wc-history{display:flex;flex-direction:column;gap:12px;text-align:left}
.wc-hitem{display:flex;gap:16px;align-items:center;background:var(--panel);border:1px solid var(--border);
  border-radius:14px;padding:16px 18px;flex-wrap:wrap}
.wc-hmeta{flex:1;min-width:200px}
.wc-hmeta strong{font-size:16px;word-break:break-all}
.wc-statline{display:flex;gap:16px;color:var(--muted);font-size:12px;margin-top:6px;flex-wrap:wrap}
.wc-statline b{color:var(--text)}
.wc-hactions{display:flex;gap:8px;flex-wrap:wrap}
.wc-mini{display:inline-flex;align-items:center;background:var(--panel2);border:1px solid var(--border);
  color:var(--text);border-radius:9px;padding:7px 13px;font-size:12px;font-weight:600;cursor:pointer;transition:.2s}
.wc-mini:hover{border-color:var(--accent)}
.wc-mini.danger:hover{border-color:var(--bad);color:#fca5a5}
.wc-mini.primary{background:linear-gradient(90deg,var(--accent),var(--accent2));border:0;color:#fff}

/* ---- compare ---- */
.wc-compare-form{display:flex;gap:10px;flex-wrap:wrap;align-items:center;justify-content:center;margin-bottom:4px}
.wc-compare-form select{background:var(--panel);border:1px solid var(--border);color:var(--text);border-radius:11px;
  padding:11px 14px;font-size:14px;font-family:inherit;cursor:pointer;outline:none;max-width:240px}
.wc-vs{color:var(--muted);font-weight:700}
.wc-compare{display:flex;flex-direction:column;gap:18px;text-align:left;max-width:1100px;margin:24px auto 0}
.wc-cmp-item{background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:16px}
.wc-cmp-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;flex-wrap:wrap}
.wc-cmp-head .wc-qurl{font-size:13px}
.wc-change{font-weight:700}
.wc-cmp-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
@media(max-width:760px){.wc-cmp-grid{grid-template-columns:1fr}}
.wc-cmp-cell{text-align:center}
.wc-cmp-cell label{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:var(--muted);margin-bottom:6px}
.wc-cmp-cell img{width:100%;border:1px solid var(--border);border-radius:8px;background:var(--panel2);cursor:pointer}

.wc-empty{color:var(--muted);text-align:center;padding:36px}
.wc-spin{display:inline-block;width:15px;height:15px;border:2px solid var(--border);border-top-color:var(--accent);
  border-radius:50%;animation:spin .7s linear infinite;vertical-align:-2px;margin-right:6px}

/* ---- preview lightbox ---- */
.wc-modal{position:fixed;inset:0;z-index:80;display:flex;align-items:center;justify-content:center;padding:30px}
.wc-modal[hidden]{display:none}
.wc-modal-bg{position:absolute;inset:0;background:rgba(5,6,12,.82);backdrop-filter:blur(4px)}
.wc-modal-box{position:relative;z-index:1;display:flex;flex-direction:column;width:min(1000px,100%);
  max-height:90vh;background:var(--panel);border:1px solid var(--border);border-radius:16px;overflow:hidden;
  box-shadow:0 40px 120px -30px rgba(0,0,0,.8)}
.wc-modal-head{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid var(--border);flex-wrap:wrap}
.wc-modal-title{font-size:13px;color:var(--muted);flex:1;min-width:120px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wc-modal-tabs{display:flex;gap:6px}
.wc-mtab{background:var(--bg2);border:1px solid var(--border);color:var(--muted);border-radius:8px;
  padding:6px 12px;font-size:12px;font-weight:600;cursor:pointer;text-transform:capitalize}
.wc-mtab.on{color:var(--text);border-color:var(--accent);background:rgba(124,92,255,.14)}
.wc-modal-close{background:transparent;border:0;color:var(--muted);font-size:24px;line-height:1;cursor:pointer;padding:0 4px}
.wc-modal-close:hover{color:var(--text)}
.wc-modal-body{overflow:auto;padding:16px;background:repeating-conic-gradient(#13131d 0% 25%,#0f0f17 0% 50%) 50%/22px 22px}
.wc-modal-body img{display:block;width:100%;height:auto;border-radius:8px;border:1px solid var(--border)}

/* ---- selection toolbar + per-item checkbox ---- */
.wc-selbar{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:0 0 12px;
  background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:10px 14px}
.wc-sellab{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:var(--text);cursor:pointer;user-select:none}
.wc-sellab input{accent-color:var(--accent);margin:0;width:16px;height:16px;cursor:pointer}
.wc-selcount{font-size:12px;color:var(--muted);margin-right:auto}
.wc-seldl{border:0}
.wc-seldl:disabled{opacity:.45;cursor:not-allowed;filter:grayscale(.35)}
.wc-selcb{accent-color:var(--accent);width:18px;height:18px;flex:none;cursor:pointer;margin:0}
.wc-selcb:disabled{opacity:.3;cursor:not-allowed}
.wc-qitem.sel{border-color:var(--accent);background:rgba(124,92,255,.12)}