.step-balloon{position:fixed;top:0;left:0;z-index:95;display:grid;grid-template-columns:1fr 1fr;gap:8px;width:160px;max-width:calc(100vw - 32px);padding:6px 9px;border:1px solid color-mix(in srgb,var(--accent) 24%,var(--line));border-radius:6px;background:linear-gradient(135deg,var(--surface),var(--surface-alt));color:var(--ink);box-shadow:0 4px 14px #0002,inset 0 1px 0 #ffffff18;user-select:none;-webkit-user-select:none;touch-action:none;cursor:grab;isolation:isolate;transition:box-shadow .18s ease}
.step-balloon-metric{min-width:0}.step-balloon-metric+.step-balloon-metric{padding-left:8px;border-left:1px solid var(--line)}.step-balloon-metric small{display:flex;align-items:center;gap:5px;white-space:nowrap;font-size:9px;line-height:12px;font-weight:550;color:var(--muted)}.step-balloon-metric strong{display:block;font-size:16px;line-height:20px;letter-spacing:-.4px;font-weight:750;font-variant-numeric:tabular-nums;white-space:nowrap}
.step-balloon-dot{display:inline-block;flex:none;width:6px;height:6px;border-radius:50%;background:#90989b}.step-balloon[data-active=true] .step-balloon-dot{background:#32b575;animation:step-balloon-pulse 1.8s ease-in-out infinite}@keyframes step-balloon-pulse{0%,100%{box-shadow:0 0 0 0 #32b57538}55%{box-shadow:0 0 0 4px #32b57500}}
.step-balloon [data-balloon-close]{position:absolute;right:-15px;top:-15px;display:grid;place-items:center;width:30px;height:30px;padding:0;border:0;background:transparent;color:var(--muted);cursor:pointer;touch-action:manipulation;font:inherit}.step-balloon [data-balloon-close] span{display:grid;place-items:center;width:18px;height:18px;border:1px solid var(--line);border-radius:50%;background:var(--surface);box-shadow:0 2px 6px #0002;font-size:15px;line-height:1}.step-balloon [data-balloon-close]:hover span{background:var(--surface-alt);color:var(--ink)}.step-balloon.is-dragging{cursor:grabbing;box-shadow:0 10px 26px #0003;transition:none}.step-balloon:focus-visible,.step-balloon button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.step-balloon[hidden]{display:none!important}
.step-balloon-settings .activity-check{display:flex;flex-direction:row;align-items:center;gap:10px;font-weight:650}.step-balloon-settings input[type=checkbox]{width:19px;height:19px;flex:none;accent-color:var(--accent)}.step-balloon-settings p{font-size:12px;line-height:1.6;color:var(--muted)}.step-balloon-settings .btn{font-size:12px;min-height:40px}