/* Workspace Helpers on the computer (deskhelpers.js, designs d2 / ld2). Uses deskspaces.css's tokens, so light and dark follow it. */
.ws-hl-chips{display:flex;flex-direction:column;align-items:flex-start;gap:4px}
.ws-hl-buttons{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
.ws-hl-buttons .ws-btn{border-radius:999px}
.ws-hl-set{border:0;padding:0;margin:10px 0 0;display:flex;flex-direction:column;gap:6px}
.ws-hl-set legend{margin-bottom:4px}
.ws-hook-ic:not(.big){font-size:11px;font-weight:700;border-radius:8px}
.ws-hook-panel .ws-dl-code{white-space:nowrap}
.ws-hook-panel .ws-dl.bad .ws-dl-code{color:var(--danger,#ee8b78);border-color:currentColor}
.ws-hook-panel .ws-hp-actions{flex-direction:row;flex-wrap:wrap}
.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}