[data-ai-tone=brand]{--ai-c:var(--brand,#2563eb)}[data-ai-tone=green]{--ai-c:#16a34a}[data-ai-tone=amber]{--ai-c:#d97706}[data-ai-tone=violet]{--ai-c:#7c3aed}[data-ai-tone=rose]{--ai-c:#e11d48}[data-ai-tone=sky]{--ai-c:#0284c7}[data-ai-tone=teal]{--ai-c:#0d9488}[data-ai-tone=slate]{--ai-c:#475569}[data-ai-tone=red]{--ai-c:#dc2626}.dark [data-ai-tone=amber]{--ai-c:#f5b02e}.dark [data-ai-tone=violet]{--ai-c:#a78bfa}.dark [data-ai-tone=slate]{--ai-c:#94a3b8}.ui-icon{--ai-surface:var(--popover);width:var(--ui-icon-size,24px);height:var(--ui-icon-size,24px);background:var(--ai-bg);color:var(--ai-stroke);box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--ai-c,currentColor) 14%, transparent);border-radius:30%;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.ui-icon--bare{box-shadow:none;background:0 0}.ui-icon__glyph{stroke-width:2px;width:62%;height:62%}.ui-icon--bare .ui-icon__glyph{width:var(--ui-icon-glyph,100%);height:var(--ui-icon-glyph,100%)}.ui-icon svg:not(.app-icon) :is(rect,circle,ellipse,polygon){fill:var(--ai-fill)}.ui-icon-box{flex-shrink:0;justify-content:center;align-items:flex-end;display:inline-flex}.ui-icon-octo,.ui-icon-object{flex-shrink:0}