.agent-hub { max-width:740px; }
.agent-hub > p,.agent-hint { color:var(--muted,#62666d); line-height:1.6; }
.agent-toolbar { display:flex; align-items:center; flex-wrap:wrap; gap:8px; margin:14px 0; }
.agent-toolbar input { flex:1; min-width:130px; }
.agent-hub input,.agent-hub select,.agent-hub textarea { font-size:16px; min-width:0; box-sizing:border-box; max-width:100%; }
.agent-hub label:not(.button) { display:grid; gap:7px; margin:13px 0; }
.agent-hub label.agent-check { display:flex; align-items:flex-start; gap:10px; line-height:1.5; }
.agent-check input { flex:0 0 auto; width:18px; height:18px; margin:2px 0; }
.agent-form-grid { display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.agent-hub textarea { width:100%; resize:vertical; }
.agent-hub details { margin:16px 0; }
.skill-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.skill-card { min-width:0; padding:18px; border:1px solid var(--border,#deddd6); border-radius:14px; background:var(--surface,#fff); margin-bottom:12px; overflow-wrap:anywhere; }
.skill-card h3 { font-size:17px; margin:8px 0; letter-spacing:-.02em; }
.skill-card p { color:var(--muted,#62666d); line-height:1.55; font-size:14px; }
.skill-card-meta,.agent-meta { font-size:12px; color:var(--muted,#62666d); }
.skill-card-actions { display:flex; flex-wrap:wrap; gap:8px; margin-top:16px; }
.skill-card code { color:#8e691d; font-size:12px; }
.skill-instructions { white-space:pre-wrap; overflow-wrap:anywhere; font-family:inherit; font-size:13px; line-height:1.65; background:#f7f7f3; padding:16px; border-radius:10px; max-width:100%; }
#selected-skills { display:flex; flex-wrap:wrap; gap:6px; padding:6px 10px 0; }
#selected-skills[hidden] { display:none; }
.skill-chip { display:flex; align-items:center; gap:9px; padding:5px 9px; background:#f6f1e5; border:1px solid #d6c49c; border-radius:7px; font-size:12px; color:#4a3d24; cursor:pointer; }
.skill-chip span { opacity:.65; }
.agent-settings-tools { margin-top:24px; padding-top:20px; border-top:1px solid var(--border,#deddd6); }
.agent-settings-tools h2 { font-size:18px; }
.skill-suggestions { position:absolute; bottom:calc(100% + 8px); left:0; width:min(520px,100%); background:#fff; border:1px solid #d8d4c8; box-shadow:0 12px 35px #0002; border-radius:12px; padding:6px; z-index:50; }
.skill-suggestions button { display:grid; width:100%; text-align:left; gap:3px; padding:10px; border:0; background:transparent; border-radius:7px; cursor:pointer; }
.skill-suggestions button:hover,.skill-suggestions [aria-selected=true] { background:#f5f0e5; }
.skill-suggestions span { font-size:12px; color:#62666d; }
#skill-form-error,#task-error { color:#a32118; }
@media(max-width:580px) { .skill-grid,.agent-form-grid { grid-template-columns:1fr; gap:0; }.agent-hub { width:100%; }.agent-toolbar .button { min-height:40px; } }
@media(prefers-reduced-motion:no-preference) { .skill-card { transition:border-color .18s,box-shadow .18s; }.skill-card:hover { border-color:#bc9746; box-shadow:0 0 0 1px #c5a25322; } }

#skills-button[data-suggested] { color:#9b741f; box-shadow:0 0 0 1px #d1b56d55,0 0 12px #dfb94622; }