.knowledge-shell{display:grid;grid-template-columns:minmax(220px,270px) minmax(0,1fr);gap:18px;height:calc(100dvh - 210px);min-height:640px}
.knowledge-projects,.knowledge-conversation{height:100%;margin:0;min-height:0}
.knowledge-projects{display:flex;flex-direction:column;padding:18px;background:#f2f1e7!important}
.knowledge-projects-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:4px 4px 15px;border-bottom:1px solid #deddd0}
.knowledge-projects-head span{font-weight:650}.knowledge-projects-head small{font-size:10px}
.knowledge-project-list{display:grid;gap:7px;padding:13px 0}
.knowledge-project-list button{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:58px;padding:12px 13px;text-align:left;border:1px solid transparent;border-radius:12px;color:#53534d}
.knowledge-project-list button:hover{background:#faf9ef}.knowledge-project-list button[aria-pressed=true]{background:#fffef7;border-color:#d9d6c2;color:#292a27}
.knowledge-project-list span,.knowledge-project-list strong,.knowledge-project-list small{display:block;min-width:0;overflow-wrap:anywhere}
.knowledge-project-list strong{font-size:13px}.knowledge-project-list small{margin-top:3px;font-size:10px;font-weight:400}
.knowledge-project-list i,.knowledge-state i{width:7px;height:7px;flex:0 0 7px;border-radius:50%;background:#b6b2a4;box-shadow:0 0 0 4px #e6e4da}
.knowledge-project-list i.ready,.knowledge-state.ready i{background:#527d61;box-shadow:0 0 0 4px #dce8dc}
.knowledge-scope-note{margin:auto 4px 2px;padding-top:15px;border-top:1px solid #deddd0;color:#77766e;font-size:10px;line-height:1.65}
.knowledge-conversation{display:grid;grid-template-areas:"head" "notice" "messages" "resizer" "composer" "guardrail";grid-template-rows:auto auto minmax(220px,1fr) 14px var(--knowledge-composer-height,152px) auto;background:#fffef8!important;overflow:hidden!important}
.knowledge-conversation-head{grid-area:head;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 24px 16px;border-bottom:1px solid #eceadd}
.knowledge-conversation-head .eyebrow{margin:0 0 5px}.knowledge-conversation-head h2{margin:0;font-size:19px;font-weight:550}
.knowledge-state{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border:1px solid #dfddd1;border-radius:999px;color:#77766e;font-size:10px;white-space:nowrap}
.knowledge-connection-note{grid-area:notice;display:flex;gap:12px;align-items:center;margin:14px 20px 0;padding:12px 14px;border:1px solid #e7dfbd;border-radius:11px;background:#fff9e8;color:#6d603c;font-size:11px}
.knowledge-connection-note strong{white-space:nowrap}.knowledge-connection-note span{color:#7d7358}
.knowledge-messages{grid-area:messages;min-height:0;overflow:auto;padding:28px clamp(20px,4vw,64px);scroll-behavior:smooth}
.knowledge-welcome{display:grid;place-items:center;text-align:center;min-height:270px;max-width:620px;margin:auto;padding:20px}
.knowledge-orbit{display:grid;place-items:center;position:relative;width:58px;height:58px;margin-bottom:19px;border:1px solid #d8d5c4;border-radius:50%;background:#f2f0e3}
.knowledge-orbit:before,.knowledge-orbit:after,.knowledge-orbit i{content:"";display:block;position:absolute;border-radius:50%}.knowledge-orbit:before{width:25px;height:25px;background:#34342f}.knowledge-orbit:after{width:7px;height:7px;background:#dec768;transform:translate(14px,-13px)}.knowledge-orbit i{width:42px;height:18px;border:1px solid #aaa78f;transform:rotate(-25deg)}
.knowledge-welcome .eyebrow{margin-bottom:8px}.knowledge-welcome h2{font-size:27px;font-weight:500;letter-spacing:-.7px;margin-bottom:10px}.knowledge-welcome>p{max-width:500px;color:#74736b;font-size:12px;line-height:1.8}
.knowledge-starters{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin-top:14px}.knowledge-starters button{padding:9px 12px;border:1px solid #e1dfd2;border-radius:999px;background:#faf9f0;color:#5e5d55;font-size:11px}.knowledge-starters button:not(:disabled):hover{border-color:#a6a27f;background:#fff}
.knowledge-message{width:min(760px,88%);margin:0 auto 20px 0}.knowledge-message.user{width:min(620px,80%);margin-left:auto;margin-right:0}.knowledge-message-meta{display:flex;gap:10px;align-items:baseline;margin:0 2px 7px}.knowledge-message-meta span{font-size:11px;font-weight:650}.knowledge-message-meta small{font-size:9px}
.knowledge-message>.knowledge-message-body,.knowledge-message.user>p,.knowledge-message.thinking>p{margin:0;padding:15px 17px;border:1px solid #e4e2d5;border-radius:15px 15px 15px 4px;background:#f8f7ed;overflow-wrap:anywhere;line-height:1.75}.knowledge-message.user>p{border-color:#34342f;border-radius:15px 15px 4px 15px;background:#34342f;color:#fffef4;white-space:pre-wrap}
.knowledge-markdown>:first-child{margin-top:0}.knowledge-markdown>:last-child{margin-bottom:0}.knowledge-markdown p{margin:0 0 11px}.knowledge-markdown h1,.knowledge-markdown h2,.knowledge-markdown h3,.knowledge-markdown h4{margin:15px 0 7px;font-size:1em;line-height:1.45}.knowledge-markdown h1,.knowledge-markdown h2{font-size:1.08em}.knowledge-markdown ul,.knowledge-markdown ol{margin:7px 0 12px;padding-left:22px}.knowledge-markdown li+li{margin-top:4px}.knowledge-markdown code{padding:2px 5px;border-radius:5px;background:#e9e7da;font:inherit;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.92em}.knowledge-markdown strong{font-weight:720;color:#242521}
.knowledge-citations{margin-top:10px;padding:12px 15px;border-left:2px solid #c7b75d;background:#fbfaf2}.knowledge-citations>strong{display:block;margin-bottom:6px;font-size:10px;color:#666354}.knowledge-citation{padding:7px 0;border-top:1px solid #e9e5d3;font-size:11px}.knowledge-citation summary{cursor:pointer;font-weight:600}.knowledge-citation p{margin:8px 0;white-space:pre-wrap;color:#66645d}.knowledge-citation a{font-size:10px}
.knowledge-message>.knowledge-source-note{margin:9px 2px 0;padding:8px 11px;border:1px solid #e7dfbd;border-radius:9px;background:#fff9e8;color:#746b4f;font-size:10px;line-height:1.55}
.knowledge-message.thinking>p{display:flex;align-items:center;gap:5px;width:64px}.knowledge-message.thinking i{width:5px;height:5px;border-radius:50%;background:#77766c;animation:knowledge-pulse 1s infinite}.knowledge-message.thinking i:nth-child(2){animation-delay:.16s}.knowledge-message.thinking i:nth-child(3){animation-delay:.32s}
.knowledge-error{display:flex;align-items:center;justify-content:space-between;gap:12px;width:min(760px,88%);margin:0 auto 18px;padding:11px 14px;border:1px solid #e7c5bf;border-radius:10px;background:#fff4f1;color:#8b4036;font-size:11px}
.knowledge-resizer{grid-area:resizer;display:flex;align-items:center;justify-content:center;touch-action:none;cursor:row-resize}.knowledge-resizer:before{content:"";width:46px;height:3px;border-radius:999px;background:#d8d5c7;transition:background .16s ease,box-shadow .16s ease}.knowledge-resizer:hover:before{background:#aaa58b}.knowledge-resizer:focus-visible{outline:0}.knowledge-resizer:focus-visible:before{background:#817b59;box-shadow:0 0 0 3px #e4dfb9}.knowledge-resizing,.knowledge-resizing *{cursor:row-resize!important;user-select:none!important}
.knowledge-composer{grid-area:composer;display:flex;flex-direction:column;height:100%;box-sizing:border-box;margin:0 20px 14px;padding:10px 12px 9px;border:1px solid #d7d4c3;border-radius:15px;background:#fff;box-shadow:0 8px 25px #2929270b}.knowledge-composer:focus-within{border-color:#9d9877;box-shadow:0 0 0 3px #d8d4b64a}
.knowledge-composer textarea{display:block;flex:1;width:100%;min-height:0;padding:5px;border:0;outline:0;resize:none;background:transparent;color:#2e2e2a;line-height:1.65}.knowledge-composer textarea:disabled{cursor:not-allowed;color:#8c8a80}.knowledge-composer>div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:8px}.knowledge-composer>div>span{color:#918f85;font-size:9px}
.knowledge-send{display:inline-flex;align-items:center;gap:8px;min-height:34px;padding:7px 12px;border-radius:10px;background:#34342f;color:#fffdf2;font-size:11px}.knowledge-send b{font-size:14px}.knowledge-send:disabled{background:#d4d2c8;color:#88867d;cursor:not-allowed}
.knowledge-guardrail{grid-area:guardrail;padding:0 22px 16px;text-align:center;color:#8a887f;font-size:9px}.knowledge-loading,.knowledge-empty-note{text-align:center;color:var(--muted);padding:60px 20px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@keyframes knowledge-pulse{0%,70%,100%{opacity:.25;transform:translateY(0)}35%{opacity:1;transform:translateY(-2px)}}
@media(max-width:980px){.knowledge-shell{grid-template-columns:210px minmax(0,1fr)}.knowledge-messages{padding-inline:5%}}
@media(max-width:760px){.main:has(.knowledge-shell) .topbar{display:block}.main:has(.knowledge-shell) .top-actions{margin-top:12px;justify-content:flex-end}.knowledge-shell{display:block;height:auto;min-height:0}.knowledge-projects,.knowledge-conversation{height:auto}.knowledge-projects{margin-bottom:12px;padding:12px}.knowledge-projects-head{padding:2px 3px 10px}.knowledge-project-list{display:flex;gap:8px;overflow-x:auto;padding:10px 0 3px;scrollbar-width:none}.knowledge-project-list::-webkit-scrollbar{display:none}.knowledge-project-list button{flex:0 0 min(190px,70vw);min-height:52px}.knowledge-scope-note{display:none}.knowledge-conversation{grid-template-rows:auto auto minmax(360px,1fr) 0 auto auto;min-height:calc(100dvh - 265px)}.knowledge-conversation-head{padding:16px}.knowledge-connection-note{display:block;margin:11px 12px 0}.knowledge-connection-note strong,.knowledge-connection-note span{display:block}.knowledge-connection-note span{margin-top:4px}.knowledge-messages{min-height:360px;padding:22px 12px}.knowledge-welcome{min-height:300px;padding:18px 5px}.knowledge-welcome h2{font-size:23px}.knowledge-message,.knowledge-error{width:94%}.knowledge-message.user{width:88%;margin-right:0}.knowledge-resizer{display:none}.knowledge-composer{position:sticky;bottom:8px;height:auto;min-height:132px;margin:0 10px 10px}.knowledge-composer textarea{min-height:78px}.knowledge-guardrail{padding-inline:16px}}
@media(prefers-reduced-motion:reduce){.knowledge-message.thinking i{animation:none}.knowledge-messages{scroll-behavior:auto}}
@media(forced-colors:active){.knowledge-project-list button[aria-pressed=true],.knowledge-composer,.knowledge-message>.knowledge-message-body,.knowledge-message.user>p,.knowledge-message.thinking>p{border:1px solid CanvasText}}