.max-channel{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:4px 0 18px}.max-channel>div{display:flex;align-items:center;gap:12px}.max-channel svg{width:30px;height:30px;color:var(--accent)}.max-channel strong{font-size:20px}.max-channel small{display:block;color:var(--muted);margin-top:4px;font-size:12px}.max-connected{font-size:12px;color:var(--muted);display:flex;align-items:center;gap:7px}.max-connected:before{content:'';width:7px;height:7px;border-radius:50%;background:var(--success,#35a67b)}.max-layout{display:grid;grid-template-columns:minmax(230px,29%) minmax(0,1fr);min-height:min(570px,calc(100dvh - 330px));height:calc(100dvh - 330px);max-height:1000px;border:1px solid var(--border);border-radius:16px;background:var(--panel);overflow:hidden}.max-sidebar{border-right:1px solid var(--border);overflow:auto;min-width:0}.max-sidebar>header{padding:22px 20px;border-bottom:1px solid var(--border);display:flex;align-items:baseline;gap:10px}.max-sidebar h2,.max-header h2{font-size:16px;margin:0}.max-sidebar small,.max-header small{font-size:12px;color:var(--muted)}.max-dialog{display:flex;align-items:center;gap:11px;padding:18px 16px;text-decoration:none;color:var(--text);border-bottom:1px solid var(--border);border-left:3px solid transparent}.max-dialog:hover{background:var(--soft)}.max-dialog.selected{background:var(--active);border-left-color:var(--accent)}.max-avatar{display:grid;place-items:center;flex:0 0 40px;width:40px;height:40px;border-radius:50%;background:var(--soft);color:var(--accent);font-weight:600;border:1px solid var(--border)}.max-dialog-copy{min-width:0;flex:1}.max-dialog-copy strong,.max-dialog-copy small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.max-dialog-copy strong{font-size:13px;font-weight:600}.max-dialog-copy small{font-size:12px;margin-top:7px;color:var(--muted)}.max-dialog>b,[data-max-unread]{font-size:10px;min-width:18px;border-radius:9px;background:var(--accent);color:var(--accent-ink);text-align:center;padding:2px 5px}.max-main{display:flex;flex-direction:column;min-width:0;min-height:0;overflow:hidden}.max-header{display:flex;align-items:center;gap:12px;padding:18px 22px;border-bottom:1px solid var(--border);flex-shrink:0}.max-header>div{flex:1;min-width:0}.max-header h2{overflow-wrap:anywhere}.max-header small{display:block;margin-top:5px}.max-header>a.secondary{font-size:11px;white-space:nowrap}.max-stream{flex:1;min-height:120px;overflow:auto;padding:24px;background:color-mix(in srgb,var(--soft) 30%,transparent);overscroll-behavior:contain}.max-message{display:flex;margin:0 0 18px}.max-message.outgoing{justify-content:flex-end}.max-bubble{max-width:min(80%,660px);border:1px solid var(--border);border-radius:14px 14px 14px 3px;padding:12px 15px;background:var(--panel);min-width:130px}.max-message.outgoing .max-bubble{background:var(--active);border-radius:14px 14px 3px 14px}.max-body{white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;line-height:1.6}.max-bubble footer{display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;font-size:10px;color:var(--muted);margin-top:10px}.max-system{display:block;color:var(--muted);font-size:10px;margin-bottom:6px}.max-problem{color:var(--danger)}.max-delivery-note{color:var(--muted);font-size:11px;line-height:1.5}.max-retry{padding:2px 4px;font-size:10px;color:var(--accent);background:none;border:0;box-shadow:none}.max-message.deleted{opacity:.65;font-style:italic}.max-file{display:flex;align-items:center;gap:10px;padding:10px 0;color:var(--text);overflow-wrap:anywhere}.max-file svg{width:20px;height:20px;flex-shrink:0;color:var(--accent)}.max-file small{display:block;color:var(--muted);font-size:10px;margin-top:4px}.max-empty{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:36px;gap:16px}.max-empty>svg{width:52px;height:52px;color:var(--accent)}.max-empty h2{font-size:21px;margin:0}.max-empty p{margin:0;max-width:410px;color:var(--muted);font-size:13px;line-height:1.7}.max-empty p.muted{font-size:11px}.max-compose{padding:15px 22px 17px;border-top:1px solid var(--border);flex-shrink:0}.max-compose-row{display:flex;align-items:center;gap:10px}.max-compose textarea{flex:1;min-width:0;resize:vertical;min-height:56px;max-height:150px;font:inherit;font-size:13px}.max-compose>small{display:block;margin-top:9px;font-size:10px;color:var(--muted);padding-left:50px}.max-icon-button{display:grid;place-items:center;flex-shrink:0;cursor:pointer;width:42px;min-height:42px;border-radius:12px;padding:10px}.max-icon-button svg{width:21px;height:21px}.max-icon-button:not(.primary){border:1px solid var(--border);color:var(--muted);background:var(--panel)}.max-error{margin:0;padding:0 22px;font-size:12px;flex-shrink:0}.max-error:not(:empty){padding:10px 22px}.max-draft-file{display:inline-flex;gap:9px;align-items:center;font-size:11px;background:var(--soft);border:1px solid var(--border);border-radius:8px;margin:0 7px 9px 0;padding:5px 9px;overflow-wrap:anywhere}.max-draft-file button{padding:0 4px;background:none;box-shadow:none;border:0;color:var(--muted);font-size:18px}.max-binding{padding:12px 22px;border-bottom:1px solid var(--border);font-size:12px;flex-shrink:0;max-height:240px;overflow:auto;color:var(--muted)}.max-binding summary{cursor:pointer}.max-binding form{display:flex;align-items:flex-end;gap:10px;margin-top:12px}.max-binding label{flex:1}.max-binding input{margin-top:5px}.max-binding button{font-size:11px}.max-binding #max-bind-results{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.max-list-empty,.max-disabled{padding:22px;color:var(--muted);font-size:13px;line-height:1.6}.max-older{display:block;margin:0 auto 22px;font-size:11px}.max-older[hidden],.max-back{display:none!important}#max-more{margin:15px}.max-candidate{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:10px}.max-candidate svg{width:18px;height:18px}.max-layout button:focus-visible,.max-layout a:focus-visible,.max-icon-button:focus-within{outline:2px solid var(--accent);outline-offset:3px}
@container workspace (max-width:850px){.max-layout{grid-template-columns:230px minmax(0,1fr)}.max-header{padding:15px;flex-wrap:wrap}.max-bubble{max-width:92%}.max-stream{padding:16px}.max-compose{padding:12px}}
@media(max-width:760px){.max-layout{display:flex;height:calc(100dvh - 300px);min-height:min(460px,calc(100dvh - 300px))}.max-sidebar{width:100%;border:0}.max-main{display:none;width:100%}.max-layout.has-dialog .max-sidebar{display:none}.max-layout.has-dialog .max-main{display:flex}.max-back{display:grid!important}.max-header .max-avatar{display:none}.max-header h2{font-size:14px}.max-channel small{font-size:10px}.max-connected{display:none}.max-compose>small{padding-left:0}.max-binding{padding:12px}.max-empty{padding:25px}.max-stream{padding:14px}}