#kiv-unicode-output[hidden] { display: none !important; }
#kiv-unicode-output pre { white-space: pre-wrap; overflow-wrap: anywhere; }
#kiv-unicode-status { min-height: 24px; margin: 12px 0 0; }
#kiv-unicode-tool .kiv-unicode-actions { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; }
#kiv-unicode-tool .kiv-unicode-formats { margin-bottom: 20px; min-width: 0; }
#kiv-unicode-tool .kiv-unicode-formats legend { font-size: 14px; font-weight: 600; padding-bottom: 6px; }
#kiv-unicode-tool .kiv-unicode-modes { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
#kiv-unicode-tool .kiv-unicode-modes label { margin: 0; padding: 10px; border: 1px solid #999; border-radius: 4px; cursor: pointer; overflow-wrap: anywhere; }
#kiv-unicode-tool .kiv-unicode-modes label:has(input:checked) { border-color: #128255; box-shadow: inset 0 0 0 1px #128255; }
#kiv-unicode-tool .kiv-unicode-modes input { margin: 0 4px 0 0; accent-color: #128255; }
#kiv-unicode-tool .kiv-unicode-modes code { display: block; margin: 6px 0 0 20px; width: fit-content; }
html[data-kiv-tool="unicode"] .kiv-tool-deep,
html[data-kiv-tool="unicode"] .kiv-tool-faq { overflow-wrap: anywhere; }
@media (max-width: 600px) {
    #kiv-unicode-tool .kiv-unicode-modes { grid-template-columns: minmax(0, 1fr); }
    #kiv-unicode-tool .kiv-unicode-modes code { display: inline; margin: 0 0 0 8px; }
}