*{margin:0;padding:0;box-sizing:border-box}html,body{height:100vh;max-height:100vh;overflow:hidden;margin:0;padding:0}body{font-family:Source Sans Pro,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:18px;line-height:1.45;background-color:#fff;color:#333}#root{height:100vh;overflow:hidden}a{color:#06c;text-decoration:none}a:hover{text-decoration:underline}button{font-family:inherit}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background-color:#0003;border-radius:3px}::-webkit-scrollbar-thumb:hover{background-color:#0000004d}*{scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.2) transparent}.sidebar{display:flex;flex-direction:column;height:100vh;padding:20px;background-color:#fff;border-right:1px solid #e5e7eb;overflow:hidden}.sidebar-logo{text-align:center;padding:10px 0}.sidebar-logo-img{width:220px;height:auto;max-width:100%}.sidebar-divider{height:1px;background-color:#e5e7eb;margin:16px 0}.new-chat-btn{width:100%;padding:12px 16px;background-color:#fff;color:#06c;border:2px solid #24a8f3;border-radius:8px;font-size:16px;font-weight:500;cursor:pointer;transition:all .3s ease}.new-chat-btn:hover{background-color:#24a8f3;color:#fff}.new-chat-btn:disabled{opacity:.6;cursor:not-allowed}.history-title{font-size:18px;font-weight:600;margin:0 0 12px;color:#333}.history-container{flex:1;overflow-y:auto;max-height:300px;scrollbar-width:thin}.history-container::-webkit-scrollbar{width:6px}.history-container::-webkit-scrollbar-track{background:transparent}.history-container::-webkit-scrollbar-thumb{background-color:#0003;border-radius:3px}.history-container::-webkit-scrollbar-thumb:hover{background-color:#0000004d}.history-item{display:flex;align-items:center;gap:8px;margin-bottom:8px}.history-item.active .history-item-btn{background-color:#f0f2f6;border-color:#24a8f3}.history-item-btn{flex:1;padding:10px 12px;background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;font-size:14px;text-align:left;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:all .2s ease}.history-item-btn:hover{background-color:#f5f7fb;border-color:#ccc}.delete-btn{padding:8px;background:none;border:none;cursor:pointer;font-size:14px;opacity:.6;transition:opacity .2s ease}.delete-btn:hover{opacity:1}.no-history{padding:16px;text-align:center;color:#666;font-style:italic;background-color:#f5f7fb;border-radius:8px}.chat-row{display:flex;width:100%;align-items:center;margin-bottom:1.2rem;margin-top:.5rem}.chat-row.ai{justify-content:flex-start}.chat-row.user{justify-content:flex-end}.chat-bubble{font-family:Source Sans Pro,sans-serif,Segoe UI,Roboto,sans-serif;border:1px solid transparent;padding:12px 16px;margin:0 7px;max-width:70%;line-height:1.5;word-wrap:break-word}.chat-bubble p{margin:.5em 0}.chat-bubble p:first-child{margin-top:0}.chat-bubble p:last-child{margin-bottom:0}.chat-bubble ul,.chat-bubble ol{margin:.5em 0;padding-left:1.5em}.chat-bubble li{margin:.25em 0}.chat-bubble strong{font-weight:600}.chat-bubble em{font-style:italic}.chat-bubble code{background-color:#0000001a;padding:2px 4px;border-radius:3px;font-family:Courier New,monospace;font-size:.9em}.chat-bubble pre{background-color:#0000001a;padding:10px;border-radius:5px;overflow-x:auto;margin:.5em 0}.chat-bubble pre code{background-color:transparent;padding:0}.ai-bubble{background:#f0f2f6;border-radius:10px;color:#333}.human-bubble{background:linear-gradient(135deg,#44555c,#0f1c2d);color:#fff;border-radius:20px}.chat-icon{border-radius:5px;object-fit:cover}.chat-input-container{display:flex;align-items:center;padding:8px 10px;border:.5px solid #e5e7eb;border-radius:22px;box-shadow:0 2px 2px #0000000a;background-color:#fdfdfd;gap:8px}.chat-input-field{flex:1;font-size:18px;line-height:1.6;min-height:48px;max-height:150px;padding:12px 16px;margin:0;box-sizing:border-box;background:#eef1f6;border-radius:18px;border:none;outline:none;resize:none;font-family:inherit}.chat-input-field::placeholder{color:#999}.chat-input-field:disabled{opacity:.7;cursor:not-allowed}.chat-submit-btn{min-width:48px;min-height:48px;border-radius:50%;border:none;background-color:#24a8f3;color:#fff;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease}.chat-submit-btn:hover:not(:disabled){background-color:#1a8fd6}.chat-submit-btn:disabled{background-color:#ccc;cursor:not-allowed}.chat-area{display:flex;flex-direction:column;height:100vh;position:relative;padding:20px;background-color:#fff;overflow:hidden}.watermark-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);opacity:.12;z-index:0;pointer-events:none}.watermark-img{max-width:600px;max-height:600px;width:100%;height:auto}.messages-container{flex:1;overflow-y:auto;padding:10px 0;position:relative;z-index:1;max-height:calc(100vh - 120px);scrollbar-width:thin}.messages-container::-webkit-scrollbar{width:6px}.messages-container::-webkit-scrollbar-track{background:transparent}.messages-container::-webkit-scrollbar-thumb{background-color:#0003;border-radius:3px}.messages-container::-webkit-scrollbar-thumb:hover{background-color:#0000004d}.input-container{position:relative;z-index:1;padding-top:10px}.toast{position:fixed;bottom:20px;right:20px;padding:12px 24px;border-radius:8px;font-size:14px;font-weight:500;z-index:1000;transition:all .3s ease;box-shadow:0 4px 12px #00000026}.toast.visible{opacity:1;transform:translateY(0)}.toast.hidden{opacity:0;transform:translateY(20px)}.toast-success{background-color:#10b981;color:#fff}.toast-error{background-color:#ef4444;color:#fff}.toast-info{background-color:#3b82f6;color:#fff}.modal-backdrop{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:2000;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-container{background-color:#fff;border-radius:12px;padding:24px;max-width:480px;width:90%;box-shadow:0 10px 25px #0003;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-title{font-size:20px;font-weight:600;margin:0 0 16px;color:#333}.modal-message{font-size:14px;line-height:1.6;color:#666;margin:0 0 24px}.modal-actions{display:flex;gap:12px;justify-content:flex-end}.modal-btn{padding:10px 20px;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.modal-btn-cancel{background-color:#f3f4f6;color:#374151}.modal-btn-cancel:hover{background-color:#e5e7eb}.modal-btn-delete{background-color:#ef4444;color:#fff}.modal-btn-delete:hover{background-color:#dc2626}.modal-btn:active{transform:scale(.98)}.app-container{display:grid;grid-template-columns:1fr 3fr;height:100vh;width:100vw;overflow:hidden;background-color:#fff}@media(max-width:768px){.app-container{grid-template-columns:1fr}.sidebar{display:none}}