*{box-sizing:border-box}html,body,#root{color:#111827;background:#fff;width:100%;height:100%;min-height:100dvh;margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.layout-root{flex-direction:column;height:100%;display:flex}.auth-status{box-sizing:border-box;background:#f8fafc;place-items:center;min-height:100%;padding:24px;display:grid}.auth-status__panel{background:#fff;border:1px solid #d1d5db;border-radius:8px;width:min(100%,420px);padding:24px;box-shadow:0 12px 30px #0f172a14}.auth-status__title{color:#111827;margin:0 0 8px;font-size:1.2rem}.auth-status__message{color:#4b5563;margin:0;font-size:.9rem;line-height:1.5}.top-menu{background-color:#fff;border-bottom:1px solid #d7dbe0;justify-content:space-between;align-items:center;gap:12px;height:64px;padding:0 16px;display:flex}.top-menu__title{color:#1f2937;font-size:1rem;font-weight:700}.top-menu__meta{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:12px;display:flex}.top-menu__user{color:#374151;font-size:.9rem}.top-menu__context{color:#4b5563;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:999px;padding:4px 10px;font-size:.8rem}.top-menu__sign-out{color:#374151;cursor:pointer;background:0 0;border:1px solid #d1d5db;border-radius:6px;padding:4px 10px;font-size:.8rem}.top-menu__sign-out:hover{background:#f3f4f6;border-color:#9ca3af}.layout-content{flex:1;min-height:0;display:flex}.left-panel{background:#f8fafc;border-right:1px solid #d7dbe0;flex-direction:column;width:340px;min-height:0;display:flex}.left-panel.is-collapsed{width:56px}.left-panel__content{flex-direction:column;flex:1;min-height:0;display:flex;overflow:auto}.side-menu{box-sizing:border-box;background:0 0;border-right:0;flex-direction:column;gap:12px;width:100%;padding:16px;display:flex}.side-menu.is-collapsed{align-items:center;padding:10px 8px}.side-menu__header{justify-content:space-between;align-items:center;gap:8px;min-height:32px;display:flex}.side-menu.is-collapsed .side-menu__header{justify-content:center;width:100%}.side-menu__toggle{color:#0f172a;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:6px;width:32px;height:32px;font-size:1rem;line-height:1}.side-menu__toggle:hover{background:#f1f5f9}.endpoint-settings{border-top:1px solid #d7dbe0;flex-direction:column;gap:8px;padding:14px 16px 16px;display:flex}.endpoint-settings__title{color:#111827;margin:0;font-size:.95rem}.endpoint-settings__subtitle{color:#4b5563;margin:0;font-size:.8rem}.endpoint-settings__list{flex-direction:column;gap:8px;padding-right:4px;display:flex}.endpoint-settings__item{flex-direction:column;gap:4px;display:flex}.endpoint-settings__label{color:#334155;font-size:.78rem}.endpoint-settings__input{color:#0f172a;box-sizing:border-box;background:#fff;border:1px solid #cbd5e1;border-radius:6px;width:100%;padding:7px 8px;font-size:.8rem}.endpoint-settings__input:focus{border-color:#2563eb;outline:2px solid #bfdbfe}.message-monitor{border-top:1px solid #d7dbe0;flex-direction:column;gap:8px;padding:14px 16px 16px;display:flex}.message-monitor__header{justify-content:space-between;align-items:center;gap:8px;display:flex}.message-monitor__title{color:#111827;margin:0;font-size:.95rem}.message-monitor__button{color:#0f172a;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:6px;padding:6px 8px;font-size:.76rem}.message-monitor__button:hover:not(:disabled){background:#f1f5f9}.message-monitor__button:disabled{cursor:not-allowed;opacity:.6}.message-monitor__subtitle{color:#4b5563;margin:0;font-size:.8rem}.message-monitor__list{flex-direction:column;gap:8px;padding-right:4px;display:flex}.message-monitor__empty{color:#64748b;margin:0;font-size:.78rem}.message-monitor__item{background:#fff;border:1px solid #d1d5db;border-radius:8px;flex-direction:column;gap:4px;padding:8px;display:flex}.message-monitor__meta{color:#334155;text-transform:uppercase;gap:6px;font-size:.72rem;font-weight:600;display:flex}.message-monitor__time{color:#64748b;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.72rem}.message-monitor__payload{color:#0f172a;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;margin:0;padding:6px;font-size:.72rem;overflow:auto}.side-menu__title{color:#111827;margin:0;font-size:.95rem}.side-menu__nav{flex-direction:column;gap:8px;display:flex}.side-menu.is-collapsed .side-menu__nav{align-items:center;width:100%}.side-menu__button{text-align:left;color:#111827;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:8px;width:100%;padding:10px 12px;font-size:.9rem}.side-menu.is-collapsed .side-menu__button{text-align:center;place-items:center;width:36px;height:36px;padding:0;font-size:.72rem;font-weight:700;display:grid}.side-menu__button:hover{background:#f3f4f6}.side-menu__button.is-active{color:#1e3a8a;background:#dbeafe;border-color:#2563eb;font-weight:600}.app-host{box-sizing:border-box;flex-direction:column;flex:1;gap:12px;min-width:0;min-height:0;padding:16px;display:flex}.app-host__header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.app-host__header-main{flex-direction:column;gap:4px;min-width:0;display:flex}.app-host__title{color:#111827;margin:0;font-size:1.1rem}.app-host__description{color:#4b5563;margin:0;font-size:.9rem}.app-host__open-link{color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:6px;flex:none;padding:7px 10px;font-size:.82rem;font-weight:600;text-decoration:none}.app-host__open-link:hover{background:#f1f5f9}.app-host__frame-wrapper{background:#fff;border:1px solid #d1d5db;border-radius:8px;flex:1;min-height:0;overflow:hidden}.app-host__iframe{border:0;width:100%;height:100%}.app-host__placeholder{text-align:center;color:#4b5563;border:1px dashed #cbd5e1;border-radius:8px;flex:1;place-content:center;min-height:240px;padding:24px;display:grid}@media (width<=900px){.top-menu{flex-direction:column;align-items:flex-start;height:auto;padding:12px 16px}.layout-content{flex-direction:column}.left-panel{border-bottom:1px solid #d7dbe0;border-right:0;width:100%}.left-panel.is-collapsed{width:100%}.side-menu{border-right:0;width:100%}.side-menu.is-collapsed{align-items:stretch}.side-menu__nav{flex-flow:wrap}.side-menu.is-collapsed .side-menu__nav{justify-content:flex-start}.side-menu__button{width:auto}.app-host__header{flex-direction:column}}