html,body{color:#111;background:#f7f7f8;margin:0;padding:0;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}.page{justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;display:flex}.chat{width:100%;height:100%}.app-shell{flex-direction:column;width:100vw;height:100vh;display:flex}.app-header{background:#fff;border-bottom:1px solid #e6e6e6;justify-content:space-between;align-items:center;gap:16px;padding:16px 24px;display:flex}.app-header h2{margin:0;font-size:16px}.app-main{background:#f7f7f8;flex:1;min-height:0;display:flex;position:relative;overflow:hidden}.sidebar{color:#111;z-index:10;background:#fff;border-right:1px solid #e6e6e6;flex-direction:column;flex:0 0 20%;width:auto;min-width:220px;display:flex;position:relative}.sidebar-header{border-bottom:1px solid #ffffff1a;padding:16px}.sidebar-new{color:#111;cursor:pointer;background:#fff;border:1px solid #e0e0e0;border-radius:8px;width:100%;padding:10px 12px}.sidebar-list{flex:1;padding:8px;overflow-y:auto}.sidebar-item{color:#222;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:space-between;align-items:center;gap:8px;width:100%;margin-bottom:6px;padding:10px 12px;display:flex}.sidebar-title{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.thread-menu{position:relative}.thread-menu-button{cursor:pointer;color:#666;background:0 0;border:none;font-size:18px;line-height:1}.thread-menu-dropdown{z-index:20;background:#fff;border:1px solid #e6e6e6;border-radius:8px;padding:6px;position:absolute;top:24px;right:0;box-shadow:0 8px 20px #0000001f}.thread-menu-item{text-align:left;cursor:pointer;background:0 0;border:none;border-radius:6px;width:100%;padding:6px 8px;font-size:12px}.thread-menu-item:hover{background:#f3f3f3}.thread-menu-item.danger{color:#a11}.sidebar-item.active,.sidebar-item:hover{background:#f3f3f3}.sidebar-empty{color:#777;padding:12px}.chat-container{z-index:1;flex:0 0 50%;min-width:0;display:flex;position:relative}openai-chatkit,.chat{width:100%;height:100%;display:block}openai-chatkit iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.source-panel{background:#fff;border-left:1px solid #e6e6e6;flex-direction:column;flex:0 0 30%;width:auto;min-width:0;display:flex}.locked{flex:1;justify-content:center;align-items:center;display:flex}.locked-card{background:#fff;border:1px solid #e6e6e6;border-radius:12px;padding:24px;font-size:16px}.source-header{border-bottom:1px solid #e6e6e6;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.source-title{font-size:14px;font-weight:600}.source-clear{color:#555;cursor:pointer;background:0 0;border:none}.source-body{flex:1;padding:12px 16px;font-size:14px;overflow:auto}.source-text{white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;max-width:100%;font-size:14px;line-height:1.6;display:block}.source-empty{color:#777;padding:16px}.btn{color:#fff;cursor:pointer;background:#111;border:none;border-radius:8px;padding:10px 16px}.user-menu{position:relative}.user-button{color:#fff;cursor:pointer;background:#111;border:none;border-radius:50%;width:36px;height:36px;font-weight:600}.menu{z-index:10;background:#fff;border:1px solid #e6e6e6;border-radius:10px;min-width:180px;padding:8px;position:absolute;top:44px;right:0;box-shadow:0 8px 24px #0000001f}.menu-label{color:#666;border-bottom:1px solid #eee;margin-bottom:6px;padding:6px 8px;font-size:12px}.menu-item{text-align:left;cursor:pointer;background:0 0;border:none;border-radius:6px;width:100%;padding:8px}.menu-item:hover{background:#f3f3f3}