html,body{margin:0;font-family:Inter,system-ui,sans-serif;background:#0f0f0f!important;color:#e8e8e8!important}.page{min-height:100vh;display:flex;flex-direction:column}.toolbar{display:flex;justify-content:space-between;gap:1rem;padding:1rem 1.2rem;border-bottom:1px solid #2c2c2c;background:#151515}.toolbar h1{margin:0;font-size:1.2rem}.toolbar p{margin:.3rem 0 0;color:#aeaeae;font-size:.85rem}.toolbar-actions{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}button{background:#262626;border:1px solid #3a3a3a;color:#ececec;border-radius:.55rem;padding:.45rem .7rem;cursor:pointer}.realtime{font-size:.76rem;padding:.22rem .55rem;border-radius:999px;border:1px solid #3a3a3a}.realtime.online{background:#243125;border-color:#435744}.realtime.connecting{background:#2a2a2a}.realtime.offline{background:#312424;border-color:#5d4343}.workspace{flex:1;display:grid;min-height:0}.workspace.vertical{grid-template-columns:280px 1fr}.workspace.horizontal{grid-template-columns:1fr}.session-panel{border-right:1px solid #2d2d2d;background:#141414;padding:.8rem;overflow:auto}.session-panel h2{font-size:.8rem;letter-spacing:.04em;text-transform:uppercase;color:#a9a9a9;margin:0 0 .7rem}.session-panel.horizontal{display:flex;gap:.55rem;border-right:none;border-bottom:1px solid #2d2d2d;padding:.6rem;white-space:nowrap}.session-card{display:flex;justify-content:space-between;align-items:center;border:1px solid #353535;background:#1d1d1d;border-radius:.7rem;padding:.55rem .65rem;gap:.6rem;margin-bottom:.55rem;cursor:pointer}.session-button{width:100%;text-align:left}.session-card p{margin:.2rem 0 0;color:#aaa;font-size:.75rem}.badge{background:#5c4a26;color:#f4ddb4;font-size:.72rem;padding:.14rem .45rem;border-radius:999px}.chat-zone{display:flex;flex-direction:column;min-width:0}.columns{flex:1;display:grid;grid-template-columns:repeat(var(--column-count),minmax(245px,1fr));gap:.7rem;padding:.75rem;overflow:auto}.column{display:flex;flex-direction:column;border:1px dashed #3a3a3a;background:#171717;border-radius:.85rem;min-height:calc(100vh - 170px)}.column.active{border-color:#76603a}.column-header{display:flex;justify-content:space-between;font-size:.8rem;padding:.65rem;border-bottom:1px solid #2f2f2f}.column-title{background:transparent;border:none;color:#ececec;padding:0;font-size:.82rem;font-weight:600}.column-actions{display:flex;gap:.35rem}.column-actions button{padding:.18rem .48rem;line-height:1}.messages{flex:1;display:flex;flex-direction:column;gap:.55rem;padding:.65rem;overflow:auto}.bubble{margin:0;max-width:92%;padding:.58rem .62rem;border-radius:.62rem;border:1px solid #383838}.bubble p{margin:.2rem 0 0;white-space:pre-wrap}.answer-image{margin-top:.45rem;max-width:100%;border-radius:.55rem;border:1px solid #5f5136}.bubble small{font-size:.7rem;color:#b5b5b5;text-transform:uppercase}.bubble.assistant{align-self:flex-start;background:#252525}.bubble.user{align-self:flex-end;background:#3a3325;border-color:#5f5136}.empty{margin:auto;color:#9c9c9c;font-size:.84rem;text-align:center}.composer{display:grid;grid-template-columns:1fr auto auto auto;gap:.45rem;padding:.62rem;border-top:1px solid #2f2f2f}.composer input[type=text]{min-width:0;background:#101010;border:1px solid #3a3a3a;border-radius:.5rem;color:#ececec;padding:.45rem .58rem}.icon-button{padding:.45rem .55rem;font-size:.95rem}.hidden{display:none}.attachment{display:flex;justify-content:space-between;align-items:center;font-size:.75rem;color:#c9c9c9;margin:0;padding:0 .7rem .6rem}.status{margin:.5rem .8rem 0;padding:.55rem .7rem;border:1px solid #5a4a35;border-radius:.6rem;background:#2f2a21;color:#f0d9ab;font-size:.82rem}