:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}._wrapper_11s8n_3{display:flex;justify-content:center;align-items:flex-start;min-height:100vh;padding:40px 20px;gap:40px;background-color:#f0f2f5;font-family:-apple-system,BlinkMacSystemFont,sans-serif}._chatContainer_11s8n_14{width:375px;height:750px;display:flex;flex-direction:column;background-color:#7494c0;position:relative;overflow:hidden;box-shadow:0 4px 30px #00000026;flex-shrink:0}._header_11s8n_26{display:flex;align-items:center;padding:10px 12px;background-color:#2c3e50;color:#fff;z-index:10}._headerLeft_11s8n_35{display:flex;align-items:center;flex:1}._backIcon_11s8n_36{cursor:pointer;display:flex;align-items:center;margin-right:-4px}._userName_11s8n_37{font-size:20px;font-weight:700}._headerRight_11s8n_39{display:flex;align-items:center;gap:18px}._headerIcon_11s8n_40{cursor:pointer;display:flex;align-items:center}._scrollArea_11s8n_42{flex:1;overflow-y:auto;padding:15px 10px;display:flex;flex-direction:column;gap:14px}._messageRow_11s8n_51{display:flex;width:100%;gap:6px}._left_11s8n_52{flex-direction:row;justify-content:flex-start;align-items:flex-start}._right_11s8n_53{flex-direction:row-reverse;justify-content:flex-start;align-items:flex-start}._bubbleWrapper_11s8n_55{position:relative;max-width:72%}._bubble_11s8n_55{padding:9px 13px;font-size:16px;line-height:1.4;position:relative;word-break:break-all;white-space:pre-wrap;cursor:pointer}._bubbleA_11s8n_68{background-color:#85e249;color:#000;border-radius:18px 2px 18px 18px;margin-right:10px}._bubbleA_11s8n_68:after{content:"";position:absolute;top:0;right:-10px;width:14px;height:12px;background-color:#85e249;clip-path:polygon(0 0,100% 0,0 80%)}._bubbleB_11s8n_71{background-color:#fff;color:#000;border-radius:2px 18px 18px;margin-left:10px}._bubbleB_11s8n_71:before{content:"";position:absolute;top:0;left:-10px;width:14px;height:12px;background-color:#fff;clip-path:polygon(0 0,100% 0,100% 80%)}._contextMenu_11s8n_75{position:absolute;top:-48px;background:#333;border-radius:8px;display:flex;padding:4px;z-index:1000;box-shadow:0 4px 15px #0000004d}._menuLeft_11s8n_86{left:0}._menuRight_11s8n_87{right:0}._contextMenu_11s8n_75 button{background:none;border:none;color:#fff;padding:6px 12px;font-size:12px;display:flex;align-items:center;gap:6px;cursor:pointer;white-space:nowrap}._menuDelete_11s8n_101{color:#ff4d4d!important}._status_11s8n_104{display:flex;flex-direction:column;justify-content:flex-end;align-self:flex-end;margin-bottom:2px;min-width:fit-content}._right_11s8n_53 ._status_11s8n_104{align-items:flex-end;margin-left:4px}._left_11s8n_52 ._status_11s8n_104{align-items:flex-start;margin-right:4px}._readText_11s8n_108{font-size:11px;color:#334b6b;font-weight:700;line-height:1;margin-bottom:2px}._time_11s8n_109{font-size:11px;color:#334b6b;line-height:1.2}._avatar_11s8n_112{width:40px;height:40px;aspect-ratio:1 / 1;background-color:#000;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;flex-shrink:0;overflow:hidden}._avatarImg_11s8n_127{width:100%;height:100%;object-fit:cover}._sidePanel_11s8n_134{width:320px;display:flex;flex-direction:column;gap:15px;background:#fff;padding:20px;border-radius:12px;box-shadow:0 4px 12px #0000001a;flex-shrink:0}._formSection_11s8n_135{background:#f9f9f9;border:1px solid #eee;border-radius:8px;padding:15px}._sectionTitle_11s8n_136{font-size:13px;color:#7494c0;margin-bottom:12px;border-bottom:1px solid #7494C0;padding-bottom:4px;text-transform:uppercase}._configField_11s8n_138 label{display:block;font-size:12px;font-weight:700;color:#666;margin-bottom:4px}._textInput_11s8n_139{width:100%;padding:8px;border:1px solid #ddd;border-radius:4px;margin-bottom:10px}._uploadContainer_11s8n_142{display:flex;align-items:center;gap:10px}._currentPreview_11s8n_143{width:40px;height:40px;aspect-ratio:1 / 1;background:#000;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;overflow:hidden;border:1px solid #ddd;flex-shrink:0}._fileInput_11s8n_157{font-size:11px}._editForm_11s8n_160{background:#fff;border-radius:12px;padding:6px;box-shadow:0 2px 10px #0000001a;display:flex;flex-direction:column;gap:4px}._editArea_11s8n_161{width:100%;border:1px solid #ddd;border-radius:8px;padding:8px;font-size:15px;resize:none;outline:none}._editBtns_11s8n_162{display:flex;justify-content:flex-end;gap:4px}._saveBtn_11s8n_163{background:#85e249;border:none;padding:4px 10px;border-radius:4px;cursor:pointer;display:flex;align-items:center}._cancelBtn_11s8n_164{background:#eee;border:none;padding:4px 10px;border-radius:4px;cursor:pointer;display:flex;align-items:center}._inputGroup_11s8n_166 h3{margin:0 0 8px;font-size:14px;color:#333}._inputGroup_11s8n_166 textarea{width:100%;border:1px solid #ddd;border-radius:8px;padding:10px;resize:none;font-size:14px;outline:none}._sendBtn_11s8n_168{width:100%;margin-top:8px;padding:12px;border:none;border-radius:8px;color:#fff;font-weight:700;cursor:pointer}._btnA_11s8n_169{background-color:#3498db}._btnB_11s8n_170{background-color:#2ecc71}._clearBtn_11s8n_171{margin-top:auto;color:#aaa;text-decoration:underline;background:none;border:none;cursor:pointer;text-align:center}*{box-sizing:border-box}._wrapper_180z6_3{display:flex;justify-content:center;align-items:flex-start;min-height:100vh;padding:40px 20px;gap:40px;background-color:#f0f2f5;font-family:-apple-system,BlinkMacSystemFont,sans-serif}._chatContainer_180z6_14{width:375px;height:750px;display:flex;flex-direction:column;position:relative;overflow:hidden;box-shadow:0 4px 30px #00000026;flex-shrink:0;border-radius:4px}._header_180z6_27{display:flex;align-items:center;padding:10px 12px;background-color:#2c3e50;color:#fff;z-index:10}._headerLeft_180z6_36{display:flex;align-items:center;flex:1}._backIcon_180z6_37{cursor:pointer;display:flex;align-items:center;margin-right:-4px}._userName_180z6_38{font-size:20px;font-weight:700}._headerRight_180z6_40{display:flex;align-items:center;gap:18px}._headerIcon_180z6_41{cursor:pointer;display:flex;align-items:center}._scrollArea_180z6_43{flex:1;overflow-y:auto;padding:15px 10px;display:flex;flex-direction:column;gap:14px}._messageRow_180z6_52{display:flex;width:100%;gap:6px}._left_180z6_53{flex-direction:row;justify-content:flex-start;align-items:flex-start}._right_180z6_54{flex-direction:row-reverse;justify-content:flex-start;align-items:flex-start}._bubbleWrapper_180z6_56{position:relative;max-width:72%}._bubble_180z6_56{padding:9px 13px;font-size:16px;line-height:1.4;position:relative;word-break:break-all;white-space:pre-wrap;cursor:pointer}._bubbleA_180z6_68{background-color:#85e249;color:#000;border-radius:18px 2px 18px 18px;margin-right:10px}._bubbleA_180z6_68:after{content:"";position:absolute;top:0;right:-10px;width:14px;height:12px;background-color:#85e249;clip-path:polygon(0 0,100% 0,0 80%)}._bubbleB_180z6_71{background-color:#fff;color:#000;border-radius:2px 18px 18px;margin-left:10px}._bubbleB_180z6_71:before{content:"";position:absolute;top:0;left:-10px;width:14px;height:12px;background-color:#fff;clip-path:polygon(0 0,100% 0,100% 80%)}._contextMenu_180z6_74{position:absolute;top:-48px;background:#333;border-radius:8px;display:flex;padding:4px;z-index:1000;box-shadow:0 4px 15px #0000004d}._menuLeft_180z6_85{left:0}._menuRight_180z6_86{right:0}._contextMenu_180z6_74 button{background:none;border:none;color:#fff;padding:6px 12px;font-size:12px;display:flex;align-items:center;gap:6px;cursor:pointer;white-space:nowrap}._menuDelete_180z6_100{color:#ff4d4d!important}._status_180z6_102{display:flex;flex-direction:column;justify-content:flex-end;align-self:flex-end;margin-bottom:2px;min-width:fit-content}._right_180z6_54 ._status_180z6_102{align-items:flex-end;margin-left:4px}._left_180z6_53 ._status_180z6_102{align-items:flex-start;margin-right:4px}._readText_180z6_106{font-size:11px;color:#334b6b;font-weight:700;line-height:1;margin-bottom:2px}._time_180z6_107{font-size:11px;color:#334b6b;line-height:1.2}._avatar_180z6_109{width:40px;height:40px;aspect-ratio:1 / 1;background-color:#000;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;flex-shrink:0;overflow:hidden}._avatarImg_180z6_124{width:100%;height:100%;object-fit:cover}._sidePanel_180z6_126{width:320px;display:flex;flex-direction:column;gap:15px;background:#fff;padding:20px;border-radius:12px;box-shadow:0 4px 12px #0000001a;flex-shrink:0}._formSection_180z6_127{background:#f9f9f9;border:1px solid #eee;border-radius:8px;padding:15px}._sectionTitle_180z6_128{font-size:13px;color:#7494c0;margin-bottom:12px;border-bottom:1px solid #7494C0;padding-bottom:4px;text-transform:uppercase}._configField_180z6_130 label{display:block;font-size:12px;font-weight:700;color:#666;margin-bottom:4px}._textInput_180z6_131{width:100%;padding:8px;border:1px solid #ddd;border-radius:4px;margin-bottom:10px}._colorPickerWrapper_180z6_134{display:flex;align-items:center;gap:12px;margin-top:4px}._colorPicker_180z6_134{width:40px;height:40px;border:none;padding:0;background:none;cursor:pointer}._colorCode_180z6_136{font-size:12px;font-family:monospace;color:#333}._uploadContainer_180z6_138{display:flex;align-items:center;gap:10px}._currentPreview_180z6_139{width:40px;height:40px;background:#000;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;overflow:hidden;border:1px solid #ddd;flex-shrink:0}._fileInput_180z6_140{font-size:11px}._timeInputRow_180z6_142{display:flex;align-items:center;gap:8px;margin-top:8px}._timeInputRow_180z6_142 label{font-size:12px;color:#666;font-weight:700}._timeInput_180z6_142{flex:1;padding:6px;border:1px solid #ddd;border-radius:4px;font-size:13px}._divider_180z6_146{border:none;border-top:1px solid #ddd;margin:15px 0}._editForm_180z6_148{background:#fff;border-radius:12px;padding:8px;box-shadow:0 2px 10px #0000001a;display:flex;flex-direction:column;gap:6px;min-width:150px}._editArea_180z6_149{width:100%;border:1px solid #ddd;border-radius:8px;padding:8px;font-size:15px;resize:none;outline:none}._editTimeRow_180z6_150{display:flex;align-items:center;gap:6px}._editTimeRow_180z6_150 label{font-size:11px;color:#888}._editTimeInput_180z6_152{padding:2px 4px;border:1px solid #eee;border-radius:4px;font-size:12px}._editBtns_180z6_153{display:flex;justify-content:flex-end;gap:4px}._saveBtn_180z6_154{background:#85e249;border:none;padding:4px 10px;border-radius:4px;cursor:pointer;display:flex;align-items:center}._cancelBtn_180z6_155{background:#eee;border:none;padding:4px 10px;border-radius:4px;cursor:pointer;display:flex;align-items:center}._inputGroup_180z6_157 h3{margin:0 0 8px;font-size:14px;color:#333}._inputGroup_180z6_157 textarea{width:100%;border:1px solid #ddd;border-radius:8px;padding:10px;resize:none;font-size:14px;outline:none}._sendBtn_180z6_159{width:100%;margin-top:8px;padding:12px;border:none;border-radius:8px;color:#fff;font-weight:700;cursor:pointer}._btnA_180z6_160{background-color:#3498db}._btnB_180z6_161{background-color:#2ecc71}._clearBtn_180z6_162{margin-top:20px;color:#aaa;text-decoration:underline;background:none;border:none;cursor:pointer;text-align:center;font-size:12px}