:root{--primary:#6366f1;--primary-hover:#818cf8;--secondary:#a855f7;--bg-gradient:linear-gradient(135deg,#6366f1 0%,#a855f7 100%);--bg-dark:#0a0a0a;--bg-card:#1a1a1a;--bg-card-hover:#1f1f1f;--border:#2a2a2a;--border-hover:#3a3a3a;--text:#ededed;--text-muted:#a0a0a0;--radius:16px}.chat-page{background:var(--bg-dark);min-height:100vh;padding:20px;position:relative}.chat-wrapper{background:var(--bg-card);border-radius:var(--radius);border:1px solid var(--border);flex-direction:column;max-width:1400px;height:calc(100vh - 40px);margin:0 auto;display:flex;overflow:hidden;box-shadow:0 20px 60px #00000080}.gallery-top-header{z-index:1000;position:absolute;top:20px;left:20px}.back-button{background:var(--bg-card);border:1px solid var(--border);color:var(--text);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;align-items:center;padding:12px 20px;font-size:14px;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex;box-shadow:0 4px 20px #0000004d}.back-button:hover{background:var(--bg-card-hover);border-color:var(--primary);transform:translate(-4px);box-shadow:0 6px 30px #6366f166}.back-button .mr-2{margin-right:8px;transition:transform .3s}.back-button:hover .mr-2{transform:translate(-4px)}.chat-top-header{background:var(--bg-card);border-bottom:1px solid var(--border);padding:20px 30px}.chat-header{background:var(--bg-card);border-bottom:1px solid var(--border);padding:24px 30px;box-shadow:0 2px 20px #0000004d}.header-content{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.chat-header h1{color:var(--text);background:linear-gradient(135deg,#fff 0%,#a0a0a0 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0;font-size:32px;font-weight:700}.header-badges{gap:10px;display:flex}.badge{color:#a78bfa;background:linear-gradient(135deg,#6366f133 0%,#a855f733 100%);border:1px solid #a855f74d;border-radius:24px;padding:8px 16px;font-size:13px;font-weight:600;display:inline-block}.header-controls{gap:12px;display:flex}.model-select{border:1px solid var(--border);background:var(--bg-card-hover);color:var(--text);cursor:pointer;border-radius:12px;flex:1;padding:12px 18px;font-size:14px;transition:all .3s}.model-select:hover{border-color:var(--border-hover);background:#252525}.model-select:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #6366f11a}.btn-secondary{background:var(--bg-card-hover);border:1px solid var(--border);cursor:pointer;color:var(--text);border-radius:12px;padding:12px 24px;font-size:14px;font-weight:600;transition:all .3s}.btn-secondary:hover{color:#f87171;background:#ef44441a;border-color:#ef4444;transform:translateY(-2px)}.chat-container{background:var(--bg-dark);flex:1;padding:30px;overflow-y:auto}.chat-container::-webkit-scrollbar{width:10px}.chat-container::-webkit-scrollbar-track{background:var(--bg-card)}.chat-container::-webkit-scrollbar-thumb{background:#3a3a3a;border-radius:5px}.chat-container::-webkit-scrollbar-thumb:hover{background:#4a4a4a}.welcome-message{text-align:center;max-width:700px;margin:100px auto}.welcome-icon{filter:drop-shadow(0 4px 20px #6366f14d);margin-bottom:24px;font-size:80px}.welcome-message h2{color:var(--text);background:linear-gradient(135deg,#fff 0%,#a0a0a0 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:16px;font-size:36px;font-weight:700}.welcome-message p{color:var(--text-muted);margin-bottom:40px;font-size:18px;line-height:1.6}.features{text-align:left;flex-direction:column;gap:16px;max-width:500px;margin:0 auto;display:flex}.feature{background:var(--bg-card);color:var(--text);border:1px solid var(--border);border-radius:12px;padding:16px 24px;font-size:15px;transition:all .3s}.feature:hover{border-color:var(--border-hover);background:var(--bg-card-hover);transform:translate(8px)}.message{gap:16px;margin-bottom:28px;animation:.4s ease-out slideIn;display:flex}@keyframes slideIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.message-avatar{border:1px solid var(--border);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:22px;display:flex}.user-message .message-avatar{background:linear-gradient(135deg,#6366f1 0%,#a855f7 100%);border:none;box-shadow:0 4px 20px #6366f166}.assistant-message .message-avatar{background:var(--bg-card)}.message-content{flex:1;max-width:75%}.message-header{color:var(--text);margin-bottom:8px;font-size:14px;font-weight:700}.message-text{white-space:pre-wrap;word-wrap:break-word;border-radius:16px;padding:18px 24px;font-size:15px;line-height:1.7}.user-message .message-text{color:#fff;background:linear-gradient(135deg,#6366f1 0%,#a855f7 100%);box-shadow:0 4px 20px #6366f14d}.assistant-message .message-text{background:var(--bg-card);color:var(--text);border:1px solid var(--border)}.message-text code{background:#ffffff1a;border-radius:6px;padding:3px 8px;font-family:Monaco,Courier New,monospace;font-size:13px}.message-time{color:var(--text-muted);margin-top:8px;font-size:12px}.typing-indicator{gap:6px;padding:18px 24px;display:flex}.typing-dot{background:var(--text-muted);border-radius:50%;width:10px;height:10px;animation:1.4s infinite typing}.typing-dot:nth-child(2){animation-delay:.2s}.typing-dot:nth-child(3){animation-delay:.4s}@keyframes typing{0%,60%,to{opacity:.5;transform:translateY(0)}30%{opacity:1;transform:translateY(-12px)}}.input-container{background:var(--bg-card);border-top:1px solid var(--border);padding:24px 30px}.chat-form{align-items:flex-end;gap:14px;display:flex}.message-input{border:1px solid var(--border);resize:none;background:var(--bg-card-hover);max-height:180px;color:var(--text);border-radius:14px;flex:1;padding:16px 20px;font-family:inherit;font-size:15px;line-height:1.6;transition:all .3s}.message-input::placeholder{color:var(--text-muted)}.message-input:focus{border-color:var(--primary);background:#252525;outline:none;box-shadow:0 0 0 3px #6366f11a}.btn-send{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1 0%,#a855f7 100%);border:none;border-radius:14px;padding:16px 32px;font-size:15px;font-weight:700;transition:all .3s;box-shadow:0 4px 20px #6366f166}.btn-send:hover{transform:translateY(-3px);box-shadow:0 8px 30px #6366f199}.btn-send:active{transform:translateY(-1px)}.btn-send:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}.input-hint{color:var(--text-muted);text-align:center;margin-top:12px;font-size:13px}.input-hint kbd{background:var(--bg-card-hover);border:1px solid var(--border);color:var(--text);border-radius:6px;padding:3px 8px;font-family:monospace;font-size:12px}.error-message{color:#f87171;background:#ef44441a;border:1px solid #ef44444d;border-radius:12px;margin-bottom:20px;padding:14px 24px;animation:.3s ease-out slideIn}@media (max-width:768px){.chat-header{padding:18px 20px}.header-content{flex-direction:column;align-items:flex-start;gap:12px}.header-controls{flex-direction:column;width:100%}.chat-container{padding:20px}.message-content{max-width:85%}.welcome-message{margin:60px auto}.welcome-message h2{font-size:28px}.welcome-icon{font-size:60px}.input-container{padding:18px 20px}}