.wb-card{background:var(--card);border:1px solid var(--line);border-radius:var(--r-card);padding:clamp(20px,3vw,32px)}.wb-lbl{display:block;font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2);margin:0 0 8px}.wb-field{width:100%;min-height:44px;padding:10px 14px;font:inherit;color:var(--ink);background:var(--field);border:1px solid var(--line-strong);border-radius:var(--r-ctl);transition:border-color .18s ease}.wb-field:hover{border-color:var(--accent)}.wb-field:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.wb-field-sm{min-height:36px;padding:6px 12px;font-size:13px}.wb-msg{display:flex;align-items:center;gap:8px;margin:16px 0 0;padding:10px 14px;border-radius:var(--r-ctl);font-size:14px}.wb-msg-error{color:var(--danger);background:var(--danger-tint)}.wb-msg-warn{color:var(--warning);background:var(--warning-tint)}.wb-msg-info{color:var(--info);background:var(--info-tint)}.wb-msg-success{color:var(--success);background:var(--success-tint)}.wb-disclose{display:flex;align-items:center;justify-content:space-between;width:100%;gap:8px;padding:8px 0;border:0;background:none;cursor:pointer;color:var(--ink-2);font:inherit}.wb-disclose:hover{color:var(--accent)}.wb-progress{display:flex;align-items:center;gap:12px;margin-bottom:12px}.wb-progress-track{flex:1;height:4px;background:var(--line-strong);border-radius:2px;overflow:hidden}.wb-progress-fill{height:100%;background:var(--accent);transition:width .2s ease}.wb-progress-text{font:500 12px/1 var(--font-mono);color:var(--ink-2);white-space:nowrap}.wb-files{background:var(--card);border:1px solid var(--line);border-radius:var(--r-card);overflow:hidden}.wb-files-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:16px 20px;border-bottom:1px solid var(--line)}.wb-files-title{font-family:var(--font-display);font-optical-sizing:auto;font-size:18px;font-weight:580;color:var(--ink)}.wb-files-meta{font:500 12px/1.4 var(--font-mono);color:var(--ink-2)}.wb-file-list{list-style:none;margin:0;padding:8px}.wb-file-row{border-radius:var(--r-ctl);padding:8px 10px}.wb-file-row:hover{background:var(--surface)}.wb-file-row--drag{cursor:grab}.wb-file-row--over{background:var(--sage-tint);outline:1px solid var(--accent)}.wb-file-main{display:flex;align-items:center;gap:12px}.wb-file-num{flex:none;width:24px;height:24px;display:grid;place-items:center;background:var(--primary);color:var(--primary-ink);border-radius:var(--r-ctl);font:600 12px/1 var(--font-mono)}.wb-file-info{flex:1 1 auto;min-width:0;display:flex;flex-direction:column}.wb-file-name{font-size:14px;font-weight:600;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wb-file-meta{font:500 12px/1.4 var(--font-mono);color:var(--ink-2)}.wb-file-remove{flex:none;width:32px;height:32px;display:grid;place-items:center;border:0;background:none;border-radius:var(--r-ctl);color:var(--ink-2);cursor:pointer;transition:color .18s ease,background-color .18s ease}.wb-file-remove:hover{color:var(--danger);background:var(--danger-tint)}.wb-file-remove:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.wb-result{background:var(--card);border:1px solid var(--line);border-radius:var(--r-card);padding:clamp(20px,3vw,32px)}.wb-result-head{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:20px}.wb-result-title{font-family:var(--font-display);font-optical-sizing:auto;font-size:24px;font-weight:580;color:var(--ink);margin:0}.wb-result-sub{margin:4px 0 0;font:500 13px/1.4 var(--font-mono);color:var(--ink-2)}.wb-result-foot{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding-top:16px;border-top:1px solid var(--line)}.wb-result-fname{display:flex;align-items:center;gap:8px;font:500 13px/1.4 var(--font-mono);color:var(--ink-2)}.wb-previews{display:flex;gap:12px;overflow-x:auto;padding-bottom:8px;margin-bottom:16px}.wb-thumb{flex:none;width:132px;background:var(--bg);border:1px solid var(--line);border-radius:var(--r-ctl);overflow:hidden}.wb-thumb img{display:block;width:100%;height:168px;object-fit:cover;object-position:top;border-bottom:1px solid var(--line)}.wb-thumb-ph{height:168px;display:grid;place-items:center;color:var(--ink-3);border-bottom:1px solid var(--line)}.wb-thumb-info{padding:8px 10px}.wb-thumb-name{display:block;font-size:12px;font-weight:600;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wb-thumb-page{font:500 11px/1.4 var(--font-mono);color:var(--ink-2)}