.pl-public-xchat-demo{border-radius:var(--xf-radius-lg);border:1px solid color-mix(in srgb, var(--xf-text-100) 10%, transparent);background:var(--xf-bg-900);box-shadow:0 25px 50px -12px color-mix(in srgb, var(--xf-gain-green) 12%, transparent);flex-shrink:0;overflow:hidden}.pl-public-xchat-demo__shell{box-sizing:border-box;height:clamp(380px,52vh,500px);max-height:clamp(380px,52vh,500px)}.pl-public-xchat-demo .xchat-main-shell{box-sizing:border-box;height:100%;min-height:0;max-height:100%}.pl-public-xchat-demo .xchat-main{box-sizing:border-box;height:100%;min-height:0;max-height:100%;padding-top:.35rem}.pl-public-xchat-demo .xchat-thread-area{flex:1;min-height:0;overflow:hidden}.pl-public-xchat-demo .xchat-messages{overscroll-behavior:contain;flex:1;min-height:0;max-height:none;padding-top:.5rem;overflow:hidden auto}.pl-public-xchat-demo__rail{border:1px solid var(--xf-xchat-rail-border);background:var(--xf-xchat-rail-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:14px;flex-direction:column;justify-content:space-between;align-items:center;width:56px;min-width:56px;padding:.5rem .35rem .65rem;display:flex}.pl-public-xchat-demo__rail-mid{flex-direction:column;flex:1;align-items:center;gap:.65rem;padding-top:.35rem;display:flex}.pl-public-xchat-demo__rail-icon{border:1px solid var(--xf-xchat-rail-border);background:var(--xf-xchat-rail-toggle-bg);width:2.35rem;height:2.35rem;color:var(--xf-xchat-rail-toggle-color);border-radius:10px;justify-content:center;align-items:center;display:flex}.pl-public-xchat-demo__rail-icon--active{border-color:color-mix(in srgb, var(--xf-gain-green) 45%, transparent);color:var(--xf-gain-green);background:color-mix(in srgb, var(--xf-gain-green) 10%, transparent)}.pl-public-xchat-demo__rail-avatar{border:1px solid color-mix(in srgb, var(--xf-text-100) 18%, transparent);background:linear-gradient(135deg, color-mix(in srgb, var(--xf-gain-green) 35%, var(--xf-surface-700)), var(--xf-surface-600));border-radius:999px;width:2rem;height:2rem}.pl-public-xchat-demo__footer{flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem;margin-top:.65rem;display:flex}