#ipa-app {min-width:0;}
#ipa-app .ipa-query-grid {grid-template-columns:minmax(0,2fr) minmax(0,1fr) minmax(0,1fr);}
#ipa-app select {appearance:none;-webkit-appearance:none;background-image:var(--site-select-arrow);background-position:right 12px center;background-size:14px 14px;background-repeat:no-repeat;padding-inline-end:36px;height:auto;min-height:46px;}
[dir="rtl"] #ipa-app select {background-position:left 12px center;}
#ipa-app [hidden] {display:none!important;}
#ipa-status:empty {display:none;}
#ipa-results {display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));gap:16px;margin-top:20px;align-items:stretch;}
.ipa-result {display:flex;flex-direction:column;gap:0;border:1px solid var(--site-border,#d1d5db);border-radius:10px;padding:16px;min-width:0;}
.ipa-result-heading {display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:space-between;margin-bottom:8px;}
.ipa-entry {display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;min-width:0;}
.ipa-result-heading h2 {font-weight:600;margin:0;overflow-wrap:anywhere;}
.ipa-pinyin {font-size:18px;line-height:1.5;color:var(--site-muted,#64748b);overflow-wrap:anywhere;unicode-bidi:isolate;}
.ipa-phonemes {font-family:"Charis SIL","Doulos SIL","Noto Sans",Arial,sans-serif;font-size:26px;line-height:1.6;margin:0;overflow-wrap:anywhere;unicode-bidi:isolate;}
.ipa-actions {display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:auto;padding-top:14px;}
.ipa-actions button {min-height:46px;}
.ipa-source-link {display:inline-flex;align-items:center;align-self:flex-start;min-height:32px;line-height:1.5;margin-top:4px;color:var(--site-accent,#2563eb);overflow-wrap:anywhere;}
.ipa-source-link:hover {text-decoration:underline;}
.ipa-ssml-details {margin-top:12px;min-width:0;}
.ipa-ssml-details summary {display:list-item;min-height:46px;line-height:26px;padding-block:10px;cursor:pointer;color:var(--site-accent,#2563eb);overflow-wrap:anywhere;list-style-position:inside;}
.ipa-ssml-details summary:focus-visible {outline:2px solid var(--site-accent,#2563eb);outline-offset:3px;border-radius:4px;}
.ipa-ssml {display:block;margin-top:10px;padding:10px 12px;background:var(--site-surface-muted,#f3f4f6);border-radius:6px;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;user-select:all;text-align:left;unicode-bidi:isolate;font-size:14px;line-height:1.6;}
.ipa-accent {color:var(--site-muted,#64748b);font-size:14px;}
#ipa-suggestions {display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:12px;}
#ipa-ssml-help {margin-top:14px;}
@media(max-width:700px) {#ipa-app .ipa-query-grid {grid-template-columns:repeat(2,minmax(0,1fr));}#ipa-app .tool-form-field:first-child {grid-column:1/-1;}}
@media(max-width:420px) {#ipa-app .ipa-query-grid {grid-template-columns:minmax(0,1fr);}#ipa-app .tool-form-field:first-child {grid-column:auto;}.ipa-result {padding:12px;}}