.puter-window{background:#fff;border-radius:12px;flex-direction:column;width:800px;height:700px;margin:20px auto;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden;box-shadow:0 8px 32px #0000001f,0 2px 8px #00000014}.puter-window.maximized{border-radius:0;width:100vw;height:100vh;margin:0}.puter-window.minimized{cursor:pointer;width:300px;height:40px}.puter-window.minimized .window-content{display:none}.window-titlebar{-webkit-user-select:none;user-select:none;-webkit-app-region:drag;background:linear-gradient(#f5f5f5 0%,#e8e8e8 100%);border-bottom:1px solid #d0d0d0;justify-content:space-between;align-items:center;min-height:40px;padding:8px 12px;display:flex}.window-title{color:#333;flex:1;align-items:center;gap:8px;font-size:13px;font-weight:500;display:flex}.window-icon{color:#0019a5;font-size:16px}.window-controls{-webkit-app-region:no-drag;gap:4px;display:flex}.window-control-btn{cursor:pointer;color:#666;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;font-size:12px;transition:all .2s;display:flex}.window-control-btn:hover{color:#333;background:#00000014}.window-control-btn.close-btn:hover{color:#fff;background:#e81123}.window-content{background:#fafafa;flex-direction:column;flex:1;display:flex;overflow:hidden}.chat-messages{scroll-behavior:smooth;background:#fff;flex:1;padding:20px;overflow-y:auto}.chat-messages::-webkit-scrollbar{width:8px}.chat-messages::-webkit-scrollbar-track{background:#f1f1f1}.chat-messages::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}.chat-messages::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;height:100%;padding:40px 20px;display:flex}.empty-icon{color:#0019a5;opacity:.6;margin-bottom:20px;font-size:64px}.empty-state h3{color:#333;margin-bottom:8px;font-size:20px;font-weight:600}.empty-state p{color:#666;margin-bottom:24px;font-size:14px}.suggestions{flex-wrap:wrap;justify-content:center;gap:8px;max-width:500px;display:flex}.suggestion-chip{color:#333;cursor:pointer;background:#f0f0f0;border:1px solid #e0e0e0;border-radius:20px;padding:8px 16px;font-size:13px;transition:all .2s}.suggestion-chip:hover{background:#e0e0e0;transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.messages-list{flex-direction:column;gap:20px;display:flex}.message-wrapper{gap:12px;animation:.3s ease-in fadeIn;display:flex}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.user-message{flex-direction:row-reverse}.message-avatar{flex-shrink:0}.avatar{border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;font-weight:600;display:flex}.user-avatar{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.bot-avatar{background:#f0f0f0;border:2px solid #e0e0e0}.message-content{flex-direction:column;flex:1;gap:4px;max-width:70%;display:flex}.user-message .message-content{align-items:flex-end}.bot-message .message-content{align-items:flex-start}.message-text{word-wrap:break-word;border-radius:12px;padding:12px 16px;font-size:14px;line-height:1.6}.user-message .message-text{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-bottom-right-radius:4px}.bot-message .message-text{color:#333;background:#f5f5f5;border:1px solid #e8e8e8;border-bottom-left-radius:4px}.message-text p{margin:0}.message-text p:not(:last-child){margin-bottom:8px}.message-text code:not(pre code){color:#d63384;background:#00000014;border:1px solid #0000001a;border-radius:4px;padding:3px 6px;font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,Courier New,monospace;font-size:13px;font-weight:500}.bot-message .message-text code:not(pre code){color:#d63384;background:#00000014}.user-message .message-text code:not(pre code){color:#fff;background:#ffffff40;border-color:#ffffff4d}.message-text pre{background:#1e1e1e;border:1px solid #333;border-radius:8px;max-width:100%;margin:12px 0;padding:16px;position:relative;overflow-x:auto;box-shadow:0 2px 8px #00000026}.bot-message .message-text pre{background:#1e1e1e;border-color:#333}.user-message .message-text pre{background:#0000004d;border-color:#fff3}.message-text pre code{color:#d4d4d4;white-space:pre;font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,Courier New,monospace;font-size:13px;line-height:1.6;display:block;overflow-x:auto;background:0 0!important;border:none!important;padding:0!important}.bot-message .message-text pre code{color:#d4d4d4}.user-message .message-text pre code{color:#fffffff2}.message-text pre code .keyword{color:#569cd6}.message-text pre code .string{color:#ce9178}.message-text pre code .number{color:#b5cea8}.message-text pre code .function{color:#dcdcaa}.message-text pre code .comment{color:#6a9955}.message-text pre code .variable{color:#9cdcfe}.message-text pre code .operator{color:#d4d4d4}.message-text pre::-webkit-scrollbar{height:8px}.message-text pre::-webkit-scrollbar-track{background:#ffffff0d;border-radius:4px}.message-text pre::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}.message-text pre::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.message-text pre+p,.message-text p+pre{margin-top:12px}.message-text table{border-collapse:collapse;width:100%;margin:12px 0;font-size:13px}.message-text table th,.message-text table td{text-align:left;border:1px solid #0000001a;padding:8px 12px}.message-text table th{background:#0000000d;font-weight:600}.user-message .message-text table th{background:#ffffff26}.user-message .message-text table th,.user-message .message-text table td{border-color:#fff3}.message-text ul,.message-text ol{margin:8px 0;padding-left:20px}.message-time{color:#999;padding:0 4px;font-size:11px}.typing-indicator{background:#f5f5f5;border:1px solid #e8e8e8;border-radius:12px 12px 12px 4px;align-items:center;gap:4px;padding:12px 16px;display:flex}.dot{background-color:#999;border-radius:50%;width:8px;height:8px;animation:1.4s infinite typingAnimation}.dot:first-child{animation-delay:0s}.dot:nth-child(2){animation-delay:.2s}.dot:nth-child(3){animation-delay:.4s}@keyframes typingAnimation{0%,60%,to{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-4px)}}.chat-input-container{background:#fff;border-top:1px solid #e8e8e8;padding:16px}.input-wrapper{align-items:flex-end;gap:8px;display:flex}.chat-input{resize:none;background:#fafafa;border:2px solid #e0e0e0;border-radius:12px;outline:none;flex:1;max-height:120px;padding:12px 16px;font-family:inherit;font-size:14px;transition:all .2s}.chat-input:focus{background:#fff;border-color:#0019a5;box-shadow:0 0 0 3px #0019a51a}.chat-input:disabled{cursor:not-allowed;opacity:.6;background:#f5f5f5}.send-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:16px;transition:all .2s;display:flex}.send-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.send-button:active:not(:disabled){transform:translateY(0)}.send-button:disabled{cursor:not-allowed;opacity:.6;background:#d0d0d0}.input-hint{color:#999;margin-top:6px;padding-left:4px;font-size:11px}@media screen and (max-width:900px){.puter-window{border-radius:0;width:100vw;height:100vh;margin:0}.puter-window.maximized{width:100vw;height:100vh}.message-content{max-width:85%}}@media screen and (min-width:1800px){.puter-window{width:1000px;height:800px}.puter-window.maximized{width:100vw;height:100vh}}
