/* The tool's accent follows its category. Movement only marks work and user actions. */
.tool-activity{
  --activity-color:var(--tool-color,#0b5fff);
  --activity-soft:var(--tool-soft,#edf4ff);
  display:flex;flex-direction:column;align-items:center;gap:18px;
  margin:24px 0 0;padding:30px 24px 24px;background:var(--activity-soft);
  border-radius:14px;text-align:center;color:#18304e;
}
.tool-activity[hidden],.selected-files[hidden],.activity-progress[hidden],
.activity-percent[hidden],.activity-cancel[hidden],.activity-detail[hidden]{display:none!important}
.activity-visual{position:relative;width:80px;height:80px;flex:none;color:var(--activity-color)}
.activity-ring{display:block;width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:2.5;overflow:visible}
.activity-ring-track{opacity:.15}
.activity-ring-value{stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:100;transform:rotate(-90deg);transform-origin:40px 40px;transition:stroke-dashoffset .22s ease-out}
.tool-activity[data-state=busy][data-mode=indeterminate] .activity-ring-value{stroke-dasharray:20 80;stroke-dashoffset:0;animation:activity-orbit 1.7s linear infinite}
.activity-center{position:absolute;left:35px;top:35px;width:10px;height:10px;border-radius:50%;background:currentColor;opacity:.6}
.activity-waveform{display:none;position:absolute;inset:0;align-items:center;justify-content:center;gap:4px}
.activity-waveform i{display:block;width:3px;height:28px;border-radius:2px;background:currentColor;transform-origin:center;animation:activity-wave 1.15s ease-in-out infinite}
.activity-waveform i:nth-child(1),.activity-waveform i:nth-child(5){height:12px;animation-delay:-.15s}
.activity-waveform i:nth-child(2),.activity-waveform i:nth-child(4){height:22px;animation-delay:-.45s}
.activity-waveform i:nth-child(3){animation-delay:-.75s}
.tool-activity[data-kind=speech][data-state=busy] .activity-waveform{display:flex}
.tool-activity[data-kind=speech] .activity-center{display:none}
.activity-check,.activity-warning,.activity-stopped{display:none;position:absolute;width:36px;height:36px;inset:22px;fill:none;stroke:currentColor;stroke-width:2.3;stroke-linecap:round;stroke-linejoin:round}
.activity-copy{width:min(100%,480px);min-width:0}
.tool-activity .activity-heading{font-size:18px;line-height:1.35;font-weight:700;letter-spacing:-.015em;margin:0;color:#18304e}
.tool-activity .activity-detail{font-size:14px;line-height:1.6;margin:7px auto 0;max-width:48ch;color:#435b78;overflow-wrap:anywhere}
.activity-meta{display:flex;justify-content:center;align-items:center;gap:13px;margin-top:10px;min-height:19px;font-size:12px;line-height:1.5;font-variant-numeric:tabular-nums;color:#435b78}
.activity-percent{font-weight:700;color:var(--activity-color)}
.activity-progress{height:4px;width:min(240px,100%);margin:19px auto 0;border-radius:3px;background:color-mix(in srgb,var(--activity-color) 15%,transparent);overflow:hidden}
.activity-progress-fill{display:block;width:100%;height:100%;border-radius:inherit;background:var(--activity-color);transform:scaleX(var(--activity-progress,0));transform-origin:left;transition:transform .22s ease-out}
.activity-cancel{min-height:36px;padding:6px 14px;border:1px solid #a6b6cc;border-radius:7px;background:transparent;color:#294767;font-size:12px;font-weight:600;cursor:pointer}
.activity-cancel:hover:not(:disabled){border-color:var(--activity-color);color:var(--activity-color);background:#fff}
.activity-cancel:disabled{opacity:.65;cursor:wait}
.tool-activity[data-state=success]{--activity-color:#147a50;--activity-soft:#edf8f2;flex-direction:row;gap:14px;padding:18px 22px;text-align:left}
.tool-activity[data-state=success] .activity-visual{width:44px;height:44px}
.tool-activity[data-state=success] .activity-check{display:block;width:25px;height:25px;inset:9.5px}
.tool-activity[data-state=success] .activity-check path{stroke-dasharray:1;stroke-dashoffset:0;animation:activity-check .35s cubic-bezier(.16,1,.3,1) both}
.tool-activity[data-state=success] .activity-center,
.tool-activity[data-state=error] .activity-center,
.tool-activity[data-state=cancelled] .activity-center{display:none}
.tool-activity[data-state=success] .activity-copy{width:auto}
.tool-activity[data-state=success] .activity-heading{font-size:15px;color:#174b35}
.tool-activity[data-state=success] .activity-meta{justify-content:flex-start;margin-top:3px;color:#416a56}
.tool-activity[data-state=error]{--activity-color:#b02e32;--activity-soft:#fff2f1;gap:12px}
.tool-activity[data-state=error] .activity-warning{display:block}
.tool-activity[data-state=error] .activity-heading{color:#842629}
.tool-activity[data-state=error] .activity-detail{color:#754b4b}
.tool-activity[data-state=cancelled]{--activity-color:#536a86;--activity-soft:#f0f4f9;gap:12px}
.tool-activity[data-state=cancelled] .activity-stopped{display:block}
.tool-activity[data-state=success] .activity-ring-value,
.tool-activity[data-state=error] .activity-ring-value,
.tool-activity[data-state=cancelled] .activity-ring-value{stroke-dashoffset:0!important;stroke-dasharray:100;opacity:.4}
.selected-files{display:flex;flex-direction:column;gap:7px;margin-top:20px;min-width:0}
.selected-file{display:flex;align-items:center;gap:10px;padding:10px 12px;min-width:0;border:1px solid #d4e0ef;border-radius:8px;background:#f7faff;color:#223d5c;font-size:13px;line-height:1.4;text-align:left}
.selected-file-type{display:flex;align-items:center;justify-content:center;min-width:38px;min-height:29px;padding:4px 6px;flex:none;border-radius:5px;background:var(--tool-soft,#e8f0ff);color:var(--tool-color,#0b5fff);font-size:10px;font-weight:700;letter-spacing:.025em}
.selected-file-name{flex:1;min-width:0;overflow-wrap:anywhere}
.selected-file-size{flex:none;color:#536a86;font-size:12px;font-variant-numeric:tabular-nums;white-space:nowrap}
#box[data-speech-busy=true] .drop{opacity:.62;cursor:wait}
#box[data-speech-busy=true] :is(.way,.ctl,.srcs){opacity:.65}
.b,.way,.swb,[data-filter],.activity-cancel{transition:background-color .15s ease-out,border-color .15s ease-out,color .15s ease-out,scale .15s ease-out}
:is(.b,.way,.swb,[data-filter],.activity-cancel):active:not(:disabled){scale:.975}
.hc-copy-confirmed{background:#e9f7ee!important;border-color:#87ba9a!important;color:#18613b!important}
.tool-link .tool-arrow{transition:transform .17s cubic-bezier(.16,1,.3,1)}
.tool-link:hover .tool-arrow{transform:translateX(3px)}
.tool-activity[data-state=busy][data-paused=true] *, .hc-motion-paused .rec-live .dot{animation-play-state:paused!important}
@keyframes activity-orbit{to{transform:rotate(270deg)}}
@keyframes activity-wave{0%,100%{transform:scaleY(.45)}50%{transform:scaleY(1)}}
@keyframes activity-check{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}
@media(max-width:560px){
  .tool-activity{padding:25px 18px 20px;gap:15px}
  .tool-activity .activity-heading{font-size:17px}
  .tool-activity .activity-detail{font-size:13px}
  .tool-activity[data-state=success]{padding:16px}
  .selected-file{gap:8px;padding:9px}
  .selected-file-size{font-size:11px}
}
@media(prefers-reduced-motion:reduce){
  .tool-activity *, .tool-link .tool-arrow{animation:none!important;transition:none!important}
  :is(.b,.way,.swb,[data-filter],.activity-cancel):active:not(:disabled){scale:1}
  .tool-link:hover .tool-arrow{transform:none}
  .tool-activity[data-state=busy][data-mode=indeterminate] .activity-ring-value{stroke-dasharray:65 35;transform:rotate(-90deg)}
  .activity-waveform i{transform:scaleY(.7)}
}