.cue-reference-dialog{width:min(440px,calc(100vw - 32px));padding:20px;gap:12px}
.cue-reference-dialog[open]{display:grid}
.cue-reference-list{display:grid;gap:4px;max-height:280px;overflow-y:auto}
.cue-reference-option{text-align:left;padding:9px 12px;border:1px solid var(--line,#d8d8e0);border-radius:7px;background:var(--surface,#fff);color:var(--text,#222);cursor:pointer}
.cue-reference-option:hover{border-color:var(--accent,#6558e8)}
.cue-reference-insert{justify-self:end;width:32px;height:28px;padding:0}
#speechFormSetting{display:grid;grid-template-columns:minmax(150px,1fr) minmax(150px,240px);gap:8px;align-items:center;padding:12px 0}
#speechFormSetting small{grid-column:1/-1;color:var(--muted,#858594)}
.mcp-settings-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}
.mcp-settings-heading h2{margin:0;font-size:16px}
.mcp-key-table{overflow-x:auto;margin-top:16px}
.mcp-key-actions{display:flex;gap:6px}
.mcp-connection{display:flex;align-items:center;gap:10px;overflow-wrap:anywhere}
.mcp-key-dialog{position:relative;width:min(620px,calc(100vw - 32px));padding:24px}
.mcp-key-dialog h2{font-size:20px;margin:0 40px 20px 0}
.mcp-dialog-close{position:absolute;right:18px;top:18px}
.mcp-key-form{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.mcp-scope-grid{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:12px 0}
.mcp-scope-grid label{display:flex;align-items:center;gap:8px;font-size:12px}
.mcp-scope-grid input[type=checkbox]{width:16px;height:16px;min-height:16px;flex:0 0 16px;padding:0;margin:0;accent-color:var(--accent)}
.mcp-key-form button[type=submit]{justify-self:end;grid-column:1/-1}
@media(max-width:600px){.mcp-key-form,.mcp-scope-grid{grid-template-columns:1fr}}