:root{--bg: #f1efe7;--panel: #fcfaf3;--line: #d6d0be;--ink: #1f1c16;--muted: #666053;--accent: #1f6f78;--accent-2: #c4552d}*{box-sizing:border-box}body{margin:0;font-family:Avenir Next,Segoe UI,sans-serif;color:var(--ink);background:radial-gradient(circle at 12% 8%,#efe4cb 0,transparent 32%),radial-gradient(circle at 90% 90%,#d6ecef 0,transparent 36%),var(--bg)}.shell{width:min(1100px,100%);margin:0 auto;padding:16px}.card{background:var(--panel);border:1px solid var(--line);border-radius:14px;box-shadow:0 12px 34px #14141414;overflow:hidden}.header{padding:14px 16px;border-bottom:1px solid var(--line);background:linear-gradient(110deg,#1f6f7814,#c4552d14)}.header h1{margin:0;font-size:20px}.header p{margin:6px 0 0;color:var(--muted);font-size:13px}.setup,.workspace{padding:16px}.grid{display:grid;gap:10px}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}label{font-size:13px;color:var(--muted);display:block;margin-bottom:4px}input,select,textarea,button{font:inherit;border-radius:10px;border:1px solid var(--line);padding:10px 12px;width:100%;background:#fff}textarea{min-height:84px;resize:vertical}button{cursor:pointer;background:var(--accent);color:#fff;border-color:transparent;font-weight:600}button.secondary{background:#fff;color:var(--ink);border-color:var(--line)}button.warn{background:var(--accent-2)}button:disabled,input:disabled,textarea:disabled,select:disabled{opacity:.6;cursor:not-allowed}.workspace-layout{display:grid;grid-template-columns:1fr;gap:12px;min-width:0}.panel{border:1px solid var(--line);border-radius:12px;background:#ffffffb3;min-width:0;overflow:hidden}.panel .section{padding:12px;border-bottom:1px solid var(--line)}.panel .section:last-child{border-bottom:0}.session-list{display:grid;gap:8px}.session-btn{text-align:left;background:#fff;color:var(--ink);border:1px solid var(--line)}.session-btn.active{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.messages{overflow-y:auto;overflow-x:hidden;padding:12px;display:flex;flex-direction:column;gap:10px;width:100%;min-width:0;box-sizing:border-box}.messages--active{height:52vh;min-height:300px}.current-exchange{display:flex;flex-direction:column;min-height:52vh;gap:10px}.messages-spacer{flex:1}.msg{max-width:85%;min-width:0;border:1px solid var(--line);border-radius:12px;padding:10px;word-break:break-word;overflow-wrap:break-word}.msg.user{align-self:flex-end;background:#1f6f7814;white-space:pre-wrap}.msg.user p{margin:0}.msg.assistant{align-self:flex-start;background:#c4552d14}.msg.assistant p{margin:0 0 .4em}.msg.assistant p:last-child{margin-bottom:0}.msg.assistant ul,.msg.assistant ol{margin:.2em 0 .4em 1.2em;padding:0}.msg.assistant li{margin-bottom:.2em}.msg.assistant code{font-family:monospace;background:#0000000f;padding:.1em .3em;border-radius:3px;font-size:.9em}.msg.assistant pre{background:#0000000f;padding:.6em;border-radius:4px;overflow-x:auto;margin:.4em 0}.msg.assistant pre code{background:none;padding:0}.msg.assistant h1,.msg.assistant h2,.msg.assistant h3{margin:.4em 0 .2em;font-size:1em;font-weight:600}.status{min-height:18px;color:var(--muted);font-size:12px;padding:0 12px 8px}.error{color:#8f1d1d}.composer{padding:10px;border-top:1px solid var(--line);display:grid;gap:8px}.composer-row{display:grid;grid-template-columns:1fr auto auto;gap:8px}@media (max-width: 900px){.workspace-layout,.grid.two,.composer-row{grid-template-columns:1fr}}@media (max-width: 600px){.shell,.workspace{padding:8px}.msg{max-width:92%}.messages--active{height:65vh}.current-exchange{min-height:65vh}}
