.cmp-selector,.cmp-conversation{color:var(--text,#17243a);font-size:16px;line-height:1.55}
.cmp-selector h2{font-size:28px;letter-spacing:-.025em;color:inherit}.cmp-selector>p{max-width:70ch}
.cmp-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:24px 0}
.cmp-card{display:flex;align-items:flex-start;gap:14px;text-align:left;min-width:0;padding:18px;border:1px solid var(--line,#d8ddd9);border-radius:20px;background:var(--panel,#faf9f4);color:inherit;font:inherit;cursor:pointer}
.cmp-card>span{display:grid;gap:6px;min-width:0}.cmp-card strong{font-size:18px}.cmp-card small{font-size:16px;color:var(--muted,#536272)}
.cmp-card img,.cmp-heading img{object-fit:contain;flex:none}.cmp-card.is-selected{border:2px solid var(--accent,#365d63);padding:17px}
.cmp-card:focus-visible,.cmp-skill:focus-visible{outline:3px solid var(--accent,#365d63);outline-offset:3px}
.cmp-card:disabled,.cmp-skill:disabled{cursor:default;opacity:.65}.cmp-footnote,.cmp-notice,.cmp-templates{font-size:16px;color:var(--muted,#536272)}
.cmp-conversation{margin:16px 0;padding:18px;border:1px solid var(--line,#d8ddd9);border-radius:20px;background:var(--panel,#faf9f4)}
.cmp-heading{display:flex;align-items:center;gap:12px}.cmp-heading>div{flex:1;min-width:0}.cmp-heading strong{font-size:18px}.cmp-heading p{margin:2px 0;font-size:16px}.cmp-heading .button{flex:none;font-size:16px}
.cmp-skills{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.cmp-skill{border:1px solid var(--line,#d8ddd9);border-radius:30px;padding:9px 14px;background:transparent;color:inherit;font:inherit;font-size:16px;cursor:pointer}
.cmp-templates,.cmp-notice{margin:12px 0 0}
html[data-theme=dark] .cmp-card,html[data-theme=dark] .cmp-conversation,html[data-appearance=dark] .cmp-card,html[data-appearance=dark] .cmp-conversation{background:#172235;color:#f4f0e6;border-color:#425269}
html[data-theme=dark] .cmp-selector,html[data-appearance=dark] .cmp-selector{color:#f3efe5}
html[data-theme=dark] .cmp-card small,html[data-theme=dark] .cmp-notice,html[data-theme=dark] .cmp-templates{color:#c4cbd4}
@media(max-width:600px){.cmp-grid{grid-template-columns:minmax(0,1fr)}.cmp-card{padding:16px}.cmp-card.is-selected{padding:15px}.cmp-heading{display:grid;grid-template-columns:54px minmax(0,1fr);align-items:start}.cmp-heading .button{grid-column:2;justify-self:start;margin:0}.cmp-selector h2{font-size:25px}.cmp-conversation{padding:14px}}