.hl-workspace.az.hug{--hl-accent:oklch(66% .13 20)}.hug .hug-styles{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.hug .hug-styles button{border:1px solid var(--hl-line-strong);background:var(--background);text-align:left;border-radius:14px;flex-direction:column;gap:4px;min-width:0;padding:12px 14px;transition:border-color .15s,background .15s;display:flex}.hug .hug-styles button strong{font-size:14px;font-weight:600}.hug .hug-styles button small{color:var(--hl-muted);font-size:12px;line-height:1.45}.hug .hug-styles button[aria-checked=true]{border-color:var(--hl-accent);background:color-mix(in oklch, var(--hl-accent) 10%, var(--background))}.hug .hug-styles button:disabled{opacity:.6}.hug .hug-styles button:focus-visible{outline:2px solid var(--hl-accent);outline-offset:2px}@media (width<=900px){.hug .hl-studio--examples>.hl-controls{order:-1}}