div.group.relative > div.relative.inline-block.bg-gray-100\/90 {background-color: #FFC0CB; border: 2px solid #800080; border-radius: 0.75rem; padding: 1rem; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);}
.styled-prose-container {color: #212529;}
.classUI-panel {background-color: #fff0f6; border: 1px solid #ffb3c6; border-radius: 0.5rem; margin: 0.5rem 0;}
.classUI-status-grid {display: grid; grid-template-columns: repeat(auto-fit, minmax(120px, 1fr)); gap: 0.5rem; margin: 0.75rem 0;}
.classUI-status-item {background-color: #ffe4ec; padding: 0.5rem; border-radius: 0.375rem;}
.classUI-label {font-weight: 600; color: #800080;}
.classUI-value {color: #4a148c;}
@media (prefers-reduced-motion: no-preference) {.classUI-panel:hover {transform: translateY(-2px); transition: transform 0.2s ease-in-out;}}