#worddiyLanguageTrigger { border: 0; background: transparent; color: #245786; cursor: pointer; font: inherit; font-weight: 600; padding: 8px 10px; border-radius: 8px; display: inline-flex; align-items: center; gap: 6px; white-space: nowrap; }
#worddiyLanguageTrigger:hover, #worddiyLanguageTrigger:focus-visible { background: #eef6ff; outline: none; }
.worddiy-language-modal[hidden] { display: none; }
.worddiy-language-modal { position: fixed; inset: 0; z-index: 10000000; background: rgba(15, 23, 42, .58); display: grid; place-items: center; padding: 20px; }
.worddiy-language-dialog { width: min(940px, 100%); max-height: min(720px, 90vh); background: #fff; border-radius: 14px; box-shadow: 0 24px 60px rgba(0,0,0,.3); overflow: hidden; display: flex; flex-direction: column; }
.worddiy-language-header { background: #345f95; color: white; padding: 18px 22px; display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.worddiy-language-header h2 { color: inherit; font-size: 20px; margin: 0; }
.worddiy-language-close { border: 0; background: transparent; color: white; font-size: 28px; cursor: pointer; line-height: 1; padding: 2px 6px; }
.worddiy-language-body { padding: 20px; overflow: auto; }
.worddiy-language-help { color: #64748b; font-size: 14px; margin: 0 0 14px; }
.worddiy-language-search { width: 100%; max-width: 410px; padding: 11px 14px; border: 1px solid #94a3b8; border-radius: 8px; font: inherit; margin-bottom: 16px; }
.worddiy-language-search:focus { outline: 2px solid #60a5fa; border-color: #2563eb; }
.worddiy-language-list { display: grid; gap: 16px; }
.worddiy-language-section { border-top: 1px solid #d7e0eb; padding-top: 14px; }
.worddiy-language-section:first-child { border-top: 0; padding-top: 0; }
.worddiy-language-section h3 { color: #475569; font-size: 14px; margin: 0 0 9px; font-weight: 700; }
.worddiy-language-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
.worddiy-language-item { appearance: none; border: 1px solid #d7e0eb; background: #fff; border-radius: 8px; padding: 12px; min-height: 66px; text-align: left; cursor: pointer; display: flex; justify-content: space-between; gap: 8px; align-items: center; font: inherit; }
.worddiy-language-item:hover:not(.is-planned), .worddiy-language-item.is-current { border-color: #71a7e4; background: #edf5ff; }
.worddiy-language-item.is-planned { cursor: default; opacity: .74; }
.worddiy-language-copy { display: grid; gap: 2px; min-width: 0; }
.worddiy-language-copy strong { color: #1e3a5f; font-size: 15px; }
.worddiy-language-copy span { color: #64748b; font-size: 13px; }
.worddiy-language-state { color: #64748b; font-size: 12px; white-space: nowrap; }
.worddiy-language-item.is-current .worddiy-language-state { color: #2563eb; font-weight: 700; }
.worddiy-language-empty { color: #64748b; margin: 20px 0; }
@media (max-width: 720px) { .worddiy-language-grid { grid-template-columns: 1fr; } .worddiy-language-dialog { max-height: 94vh; } #worddiyLanguageTrigger { font-size: 13px; padding: 6px; } }