.wb-processing-dock{
  position:fixed;
  right:18px;
  bottom:18px;
  z-index:170;
  width:min(430px,calc(100vw - 36px));
  color:#26342b;
  background:#fffefb;
  border:1px solid #cfd8cf;
  border-radius:12px;
  box-shadow:0 12px 32px rgba(33,49,38,.16);
  overflow:hidden;
  font-family:"Noto Sans TC",system-ui,sans-serif;
}
.wb-processing-dock[hidden]{display:none!important}
.wb-processing-summary{
  width:100%;
  min-height:64px;
  display:grid;
  grid-template-columns:12px minmax(0,1fr) auto 22px;
  align-items:center;
  gap:11px;
  padding:11px 14px;
  border:0;
  background:#fffefb;
  color:inherit;
  text-align:left;
  cursor:pointer;
}
.wb-processing-summary:focus-visible,
.wb-processing-actions button:focus-visible{outline:3px solid rgba(76,116,78,.28);outline-offset:-3px}
.wb-processing-summary-mark{
  width:9px;height:9px;border:2px solid #7f9181;border-radius:50%;box-sizing:border-box
}
.wb-processing-summary-mark.is-active{border-color:#557b56;animation:wb-processing-pulse 1.4s ease-in-out infinite}
@keyframes wb-processing-pulse{50%{transform:scale(.72);opacity:.55}}
.wb-processing-summary-copy{min-width:0;display:grid;gap:2px}
.wb-processing-summary-copy>strong{font-size:13px;line-height:1.3;letter-spacing:.04em}
.wb-processing-stage-viewport{
  position:relative;
  display:block;
  height:21px;
  overflow:hidden;
  color:#657268;
  font-size:12px;
  line-height:21px;
  white-space:nowrap;
  text-overflow:ellipsis;
}
.wb-processing-stage-viewport>span{position:absolute;inset:0;overflow:hidden;text-overflow:ellipsis;transition:transform 300ms ease,opacity 300ms ease}
.wb-processing-stage-viewport .is-current{position:static;display:block}
.wb-processing-stage-viewport .is-leaving{transform:translateY(0);opacity:1}
.wb-processing-stage-viewport .is-entering{transform:translateY(100%);opacity:0}
.wb-processing-stage-viewport.is-changing .is-leaving{transform:translateY(-100%);opacity:0}
.wb-processing-stage-viewport.is-changing .is-entering{transform:translateY(0);opacity:1}
.wb-processing-pending{
  padding:5px 8px;
  border:1px solid #d8c8aa;
  border-radius:8px;
  background:#fff9ec;
  color:#765e35;
  font-size:11px;
  font-weight:800;
  white-space:nowrap;
}
.wb-processing-chevron{font-size:16px;color:#708075;transition:transform 180ms ease}
.wb-processing-dock.is-expanded .wb-processing-chevron{transform:rotate(180deg)}
.wb-processing-queue{
  max-height:min(54vh,520px);
  overflow:auto;
  overscroll-behavior:contain;
  border-top:1px solid #e4e9e3;
  background:#fbfcf9;
}
.wb-processing-row{
  display:grid;
  grid-template-columns:52px minmax(0,1fr);
  gap:11px;
  padding:13px 14px;
  border-bottom:1px solid #e7ebe5;
}
.wb-processing-row:last-child{border-bottom:0}
.wb-processing-thumb{
  grid-row:1/3;
  width:52px;height:52px;
  display:grid;place-items:center;
  overflow:hidden;
  border:1px solid #d8dfd7;
  border-radius:8px;
  background:#f3f5ef;
  color:#758077;
  font-family:"Noto Serif TC",serif;
  font-weight:900;
}
.wb-processing-thumb img{display:block;width:100%;height:100%;object-fit:cover}
.wb-processing-row-copy{min-width:0;display:grid;gap:3px}
.wb-processing-row-copy strong{overflow:hidden;color:#2d3a31;font-size:13px;line-height:1.45;text-overflow:ellipsis;white-space:nowrap}
.wb-processing-row-copy span{color:#67736a;font-size:12px;line-height:1.4}
.wb-processing-row-copy small{color:#9a5d4f;font-size:10px;line-height:1.45}
.wb-processing-row.is-failed{background:#fffaf7}
.wb-processing-row.is-awaiting_confirmation{background:#fffdf7}
.wb-processing-actions{
  grid-column:2;
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  margin-top:4px;
}
.wb-processing-actions button{
  min-height:32px;
  padding:6px 10px;
  border:1px solid #ccd6cd;
  border-radius:8px;
  background:#fff;
  color:#46564a;
  font:800 11px/1.2 "Noto Sans TC",system-ui,sans-serif;
  cursor:pointer;
}
.wb-processing-actions .wb-processing-primary{border-color:#557b56;background:#557b56;color:#fff}
.wb-processing-empty{margin:0;padding:20px;color:#768178;font-size:12px;text-align:center}
.wb-processing-toast{
  position:fixed;
  left:50%;
  top:max(18px,env(safe-area-inset-top));
  z-index:260;
  max-width:min(520px,calc(100vw - 32px));
  transform:translate(-50%,-12px);
  opacity:0;
  padding:12px 16px;
  border:1px solid #ccd6cd;
  border-radius:10px;
  background:#fffefb;
  color:#2d3a31;
  box-shadow:0 8px 24px rgba(33,49,38,.14);
  font:700 13px/1.5 "Noto Sans TC",system-ui,sans-serif;
  transition:transform 180ms ease,opacity 180ms ease;
}
.wb-processing-toast.is-visible{transform:translate(-50%,0);opacity:1}
@media(max-width:760px){
  .wb-processing-dock{right:10px;bottom:calc(76px + env(safe-area-inset-bottom));width:calc(100vw - 20px)}
  .wb-processing-summary{min-height:60px;padding:9px 12px}
  .wb-processing-queue{max-height:45vh}
}
@media(prefers-reduced-motion:reduce){
  .wb-processing-summary-mark.is-active{animation:none}
  .wb-processing-stage-viewport>span,.wb-processing-chevron,.wb-processing-toast{transition-duration:1ms}
}