#wordTranscriptForm{display:grid;gap:18px;min-width:0}
#wordTranscriptForm [hidden]{display:none!important}
#wordTranscriptForm details{border:1px solid var(--app-border);border-radius:10px;padding:16px;margin-bottom:14px}
#wordTranscriptForm summary{font-weight:650;cursor:pointer;padding:6px 0}
#wordTranscriptForm details[open]>summary{margin-bottom:16px}
#wordTranscriptForm .word-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:12px 0}
#wordTranscriptForm label{min-width:0}
#wordTranscriptForm .word-check{display:flex;align-items:center;gap:10px;font-weight:500}
#wordTranscriptForm .word-check input{width:18px;min-width:18px;height:18px;min-height:18px;margin:0}
#wordTranscriptForm .word-table-wrap{overflow-x:auto;margin:16px 0}
#wordTranscriptForm .word-table{width:100%;border-collapse:collapse;min-width:440px}
#wordTranscriptForm .word-table th{text-align:left;font-size:12px;padding:10px;background:var(--app-page);border-bottom:1px solid var(--app-border)}
#wordTranscriptForm .word-table td{padding:8px;border-bottom:1px solid var(--app-border);vertical-align:middle}
#wordTranscriptForm .word-table input[type=number]{width:74px;min-height:38px;padding:8px}
#wordTranscriptForm .word-table td>label:not(.word-check){font-size:0;gap:0}
#wordTranscriptForm .word-table td input,#wordTranscriptForm .word-table td select{font-size:14px;min-height:38px}
#wordTranscriptForm .word-table small{display:block;color:var(--app-muted)}
#wordTranscriptForm .word-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px;border-top:1px solid var(--app-border);padding-top:16px}
#wordTranscriptForm .word-dp{padding:14px 0;border-bottom:1px solid var(--app-border)}
.transcript-hub-head:has([data-word-transcript]){flex-wrap:wrap}
@media(max-width:650px){#wordTranscriptForm .word-grid{grid-template-columns:1fr}#wordTranscriptForm details{padding:12px}#wordTranscriptForm input,#wordTranscriptForm select{font-size:16px!important}}