:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#192b32;background:#f5f7f8;font-synthesis:none;font-size:16px;--accent:#087b69;--line:#e2e8eb;--muted:#637780}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}button{cursor:pointer;padding:10px 15px;border:1px solid #ced9de;border-radius:7px;background:#fff;color:inherit;font-size:.875rem;font-weight:600}button:hover{background:#edf4f3}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #51b7a6;outline-offset:3px}.primary{background:var(--accent);border-color:var(--accent);color:white}.primary:hover{background:#066353}.ghost{border-color:transparent;background:transparent}.danger{color:#ae3434}.wide{width:100%}.shell{display:grid;grid-template-columns:222px minmax(0,1fr);min-height:100vh}.sidebar{background:#122e33;color:#fff;padding:36px 22px;display:flex;flex-direction:column}.brand{color:inherit;text-decoration:none;display:flex;align-items:center;gap:10px;font-size:1.3rem;font-weight:700;letter-spacing:-.04em}.brand-icon{font-size:1.8rem;color:#9ae8ca}.brand-caption{display:block;margin-top:5px;font-size:.625rem;font-weight:500;letter-spacing:.13em;color:#9ab9ba}.nav-item{margin-top:60px;padding:13px 16px;background:#244448;border-radius:7px;font-size:.875rem;display:flex;gap:12px}.sidebar-bottom{margin-top:auto;padding-top:80px}.eyebrow{font-size:.6875rem;letter-spacing:.15em;font-weight:700;color:var(--muted)}.sidebar .eyebrow{color:#90b2b3}.sidebar-bottom p{font-size:1.35rem;line-height:1.55;font-weight:500}.sidebar .muted{color:#a8bfc0;font-size:.75rem}.light{display:block;color:#d9e8e6;margin-top:24px;padding-left:0}main{padding:32px 38px 12px;min-width:0}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}h1{font-size:2rem;letter-spacing:-.05em;font-weight:650;margin:6px 0 0}h2{font-size:1rem;margin:0;font-weight:650}h3{font-weight:550;letter-spacing:-.02em}.badge{font-size:.8rem;font-weight:600;border:1px solid #d4dfe2;border-radius:30px;padding:8px 13px;background:white}.badge.connected{background:#e0f4ea;color:#176245;border-color:#c7e6d7}.connection-strip{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:24px;padding:20px 23px;background:white;border:1px solid var(--line);border-radius:10px}.label{display:block;font-size:.6875rem;letter-spacing:.1em;color:var(--muted);margin-bottom:7px}.connection-strip strong{display:block;font-size:.95rem;margin-bottom:5px}.muted{color:var(--muted);font-size:.875rem;line-height:1.6}.actions{display:flex;gap:8px;flex-wrap:wrap}.workspace{display:grid;grid-template-columns:300px minmax(0,1fr);background:white;border:1px solid var(--line);border-radius:10px;overflow:hidden;height:calc(100vh - 290px);min-height:480px}.chats-pane{border-right:1px solid var(--line);display:flex;flex-direction:column;min-height:0;min-width:0}.pane-heading{display:flex;align-items:center;justify-content:space-between;padding:20px 15px 8px 22px}.pane-heading h2 span{font-size:.75rem;color:var(--muted);margin-left:8px}.search-label{padding:7px 18px 18px}input{width:100%;border:1px solid #d7e0e3;padding:11px 13px;border-radius:7px;color:inherit;background:#fff;font-size:.875rem}input[type=search]{background:#f6f8f9}.chat-list{overflow:auto;flex:1}.chat-item{display:flex;gap:12px;width:100%;text-align:left;border:0;border-radius:0;padding:18px;border-bottom:1px solid #f1f4f5;background:white}.chat-item.selected{background:#e9f5ef;border-left:3px solid #138575;padding-left:15px}.avatar{width:38px;height:38px;flex-shrink:0;display:grid;place-items:center;border-radius:12px;background:#e4edea;color:#527569;font-weight:600;font-size:.875rem}.chat-copy{min-width:0;flex:1}.chat-top{display:flex;justify-content:space-between;gap:8px}.chat-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.875rem}.chat-time{font-size:.6875rem;color:var(--muted);font-weight:400}.preview{font-size:.8rem;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;margin-top:7px;font-weight:400}.new-message{margin:12px 18px 18px;background:#f7faf9}.conversation{display:flex;flex-direction:column;min-height:0;min-width:0}.conversation-header{padding:20px 26px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:12px;min-height:84px}.conversation-header h2{overflow-wrap:anywhere}.conversation-header p{font-size:.75rem;color:var(--muted);margin:5px 0 0;overflow-wrap:anywhere}.messages{flex:1;overflow:auto;padding:18px 26px;display:flex;flex-direction:column;gap:12px;background:#fcfdfd}.empty{margin:auto;text-align:center;color:var(--muted);padding:30px 12px}.empty p{font-size:.875rem;line-height:1.8}.empty h3{color:#304b54}.empty-mark{margin:auto;font-size:2.5rem;color:#81a899;font-weight:700}.empty.small{font-size:.875rem;line-height:1.6}.message{max-width:85%;align-self:flex-start;background:white;border:1px solid #e0e9e8;border-radius:3px 12px 12px 12px;padding:11px 15px;min-width:115px;white-space:pre-wrap;overflow-wrap:anywhere;font-size:.9375rem;line-height:1.5}.message.mine{align-self:flex-end;background:#e3f3e9;border-color:#d5eadd;border-radius:12px 3px 12px 12px}.message-sender{display:block;font-size:.75rem;font-weight:650;color:#48685b;margin-bottom:5px}.message-meta{display:block;text-align:right;color:var(--muted);font-size:.6875rem;margin-top:5px}.composer{border-top:1px solid var(--line);padding:17px 24px}.composer textarea{width:100%;resize:vertical;min-height:48px;max-height:180px;border:0;outline:none;font-size:.9375rem;background:transparent;color:inherit}.composer-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px}.composer-bottom span{color:var(--muted);font-size:.6875rem}.history-controls{text-align:center}.history-controls:has(button[hidden]){display:none}footer{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-top:8px;font-size:.6875rem;color:var(--muted)}footer button{font-size:.75rem}dialog{border:1px solid #dce5e6;border-radius:16px;box-shadow:0 24px 100px #09212d33;max-width:480px;width:calc(100% - 32px);padding:30px;color:#192b32}dialog::backdrop{background:#102b3370;backdrop-filter:blur(4px)}dialog h2{font-size:1.4rem;letter-spacing:-.03em}dialog p{font-size:.9375rem;line-height:1.65}dialog label{display:block;font-size:.875rem;margin:18px 0 8px}.dialog-heading{display:flex;justify-content:space-between;align-items:center;gap:10px}.qr-wrap{min-height:260px;display:grid;place-items:center}.qr-wrap img{max-width:100%;width:280px;image-rendering:pixelated}.center{text-align:center}.error{color:#b42e2e;min-height:1em}.notice{padding:12px 16px;margin-bottom:14px;font-size:.875rem;border:1px solid #d8dfc8;background:#f7faed;border-radius:7px}.notice.error{background:#fff0ef;border-color:#f0cdcb}code{display:block;white-space:pre-wrap;overflow-wrap:anywhere;background:#f0f5f4;border:1px solid #dfe8e5;border-radius:7px;padding:12px;font-size:.8rem}.tool-list{display:flex;flex-wrap:wrap;gap:8px;font-family:monospace;font-size:.75rem}.tool-list span{background:#eef5f2;padding:5px;border-radius:4px}.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}[hidden]{display:none!important}@media(min-width:1600px){main{max-width:1600px;width:100%;margin:auto}}@media(max-width:1100px){.shell{grid-template-columns:180px minmax(0,1fr)}.sidebar{padding:30px 16px}main{padding:26px 20px 10px}.workspace{grid-template-columns:250px minmax(0,1fr)}.connection-strip{align-items:flex-start;flex-direction:column}.workspace{height:calc(100vh - 335px)}}@media(max-width:760px){.shell{display:block}.sidebar{padding:15px 20px}.brand{font-size:1.1rem}.brand-caption,.nav-item,.sidebar-bottom{display:none}main{padding:22px 14px 10px}h1{font-size:1.7rem}.connection-strip{padding:17px}.actions button{padding:9px 11px;font-size:.8125rem}.workspace{display:flex;flex-direction:column;height:auto;min-height:650px}.chats-pane{border-right:0;border-bottom:1px solid var(--line);max-height:260px}.pane-heading{padding-top:10px}.chat-list{max-height:135px}.chat-item{padding:12px 18px}.new-message{margin:8px 18px}.search-label{padding-bottom:8px}.conversation{min-height:440px}.messages{min-height:220px;max-height:420px;padding:14px}.conversation-header{padding:16px}.composer{padding:14px}.composer-bottom span{max-width:140px}footer{align-items:flex-start}footer>span{padding-top:12px;max-width:50%}.message{max-width:90%}dialog{padding:24px}}

.session-strip{display:flex;align-items:end;gap:14px;margin-bottom:18px;flex-wrap:wrap}.session-strip label{display:block;font-size:.8rem;color:var(--muted);margin-bottom:7px}.session-strip select{min-width:240px;max-width:100%;padding:11px 13px;border:1px solid #ced9de;border-radius:7px;background:white;font:inherit;font-size:.875rem;color:inherit}.session-strip #adminEmail{margin-left:auto;overflow-wrap:anywhere}.session-strip button{margin-bottom:1px}.workspace{height:calc(100vh - 370px)}@media(max-width:760px){.session-strip>div{width:100%}.session-strip select{width:100%}.session-strip #adminEmail{max-width:60%;font-size:.75rem}.workspace{height:auto}}

.sidebar nav{margin-top:40px}.sidebar .nav-item{margin-top:8px;width:100%;border:0;text-align:left;color:#c7dddc;background:transparent}.sidebar .nav-item.active{background:#244448;color:white}.keys-intro{margin:20px 0}.keys-intro h2{font-size:1.4rem}.key-form{display:flex;gap:16px;align-items:end;background:white;border:1px solid var(--line);padding:24px;border-radius:10px}.key-form>div{flex:1;min-width:0}.key-form label{display:block;font-size:.875rem;margin-bottom:8px}select{font:inherit;color:inherit;padding:10px 12px;border:1px solid #ced9de;border-radius:7px;background:white;max-width:100%}.key-form select{width:100%}.keys-list{margin-top:24px}.key-row{display:flex;gap:20px;align-items:center;justify-content:space-between;padding:20px;background:white;border:1px solid var(--line);border-radius:8px;margin-bottom:10px}.key-row strong{display:block;margin-bottom:6px}.key-row small{display:block;color:var(--muted);font-size:.8rem;line-height:1.6;overflow-wrap:anywhere}#copyKey{margin-top:12px}#createdKey{font-family:monospace;font-size:.8rem}@media(max-width:760px){.sidebar{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;gap:12px}.sidebar nav{display:flex;margin:0 0 0 auto;gap:4px}.sidebar .nav-item{display:block;margin:0;width:auto;padding:9px 12px}.key-form{flex-direction:column;align-items:stretch;padding:18px}.key-row{gap:8px;padding:16px}.sidebar-bottom{display:block;padding:0;margin:0;width:100%}.sidebar-bottom>p,.sidebar-bottom>.eyebrow,.sidebar-bottom>.muted{display:none}.sidebar-bottom .light{margin:0;padding:5px 0}}