body{font-family:Inter,system-ui,Arial,sans-serif;margin:0;padding:0;background:#f5f5f5;height:100vh;overflow:hidden}.app{max-width:1200px;margin:0 auto;height:100vh;display:flex;flex-direction:column}main{display:flex;flex-direction:column;flex:1;overflow:hidden}header{display:flex;align-items:baseline;justify-content:space-between}.badge{background:#e6f7ff;padding:6px 10px;border-radius:6px}.layout{display:flex;gap:20px;margin-top:40px;flex:1;overflow:hidden;padding-bottom:5px}.profile{width:300px;background:#fafafa;padding:12px;border-radius:8px;overflow-y:auto;max-height:100%}.chat-area{flex:1;display:flex;flex-direction:column}.chat-container{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;display:flex;flex-direction:column;flex:1;overflow:hidden}.chat-messages{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:16px}.chat-message{display:flex;margin-bottom:8px}.user-message{justify-content:flex-end}.assistant-message{justify-content:flex-start}.message-content{max-width:70%;padding:12px 16px;border-radius:18px;position:relative}.user-message .message-content{background:#007aff;color:#fff;border-bottom-right-radius:4px}.assistant-message .message-content{background:#f0f0f0;color:#333;border-bottom-left-radius:4px}.message-text{word-wrap:break-word;white-space:pre-wrap}.message-time{font-size:11px;opacity:.7;margin-top:4px;text-align:right}.progress-bar{width:100%;height:4px;background:#e0e0e0;border-radius:2px;margin-top:8px;overflow:hidden}.typing{display:flex;align-items:center}.typing-indicator{display:flex;gap:4px}.typing-indicator span{width:6px;height:6px;border-radius:50%;background:#666;animation:typing 1.4s infinite}.typing-indicator span:nth-child(1){animation-delay:0s}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes typing{0%,60%,to{transform:translateY(0);opacity:.4}30%{transform:translateY(-10px);opacity:1}}.chat-input-container{border-top:1px solid #e0e0e0;padding:16px 20px;background:#fff}.chat-input-form{width:100%}.input-wrapper{display:flex;align-items:flex-end;gap:12px}.chat-input{flex:1;border:1px solid #ddd;border-radius:24px;padding:12px 16px;font-size:16px;resize:none;outline:none;transition:border-color .2s;font-family:inherit}.chat-input:focus{border-color:#007aff}.send-button{background:#007aff;color:#fff;border:none;border-radius:24px;padding:12px 20px;font-size:16px;cursor:pointer;transition:background .2s;white-space:nowrap}.send-button:hover:not(:disabled){background:#0056cc}.send-button:disabled{background:#ccc;cursor:not-allowed}.model-selector{padding:16px}.section-title{margin:0 0 16px;font-size:18px;font-weight:600;color:#333}.form-group{margin-bottom:16px}.form-group label{display:block;margin-bottom:8px;font-weight:500;color:#555}.model-select{width:100%;padding:10px 12px;border:1px solid #ddd;border-radius:8px;font-size:14px;background:#fff;cursor:pointer;transition:border-color .2s}.model-select:focus{outline:none;border-color:#007aff}.model-select:disabled{background:#f5f5f5;cursor:not-allowed}.loading-section{margin-bottom:16px}.progress-container{margin-bottom:8px}.progress-bar{height:8px;background:#e0e0e0;border-radius:4px;overflow:hidden}.progress-fill{height:100%;background:#007aff;transition:width .3s ease}.progress-text{font-size:12px;color:#666;text-align:center}.model-info{margin-bottom:16px}.info-item{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.info-label{font-weight:500;color:#555}.info-value{font-size:14px;color:#333}.info-value.success{color:#28a745}.info-value.warning{color:#dc3545}.info-value.features{font-size:12px;color:#666;flex:1;margin-left:8px;word-break:break-word}.warning-message{display:flex;align-items:flex-start;gap:8px;padding:12px;background:#fff3cd;border:1px solid #ffeaa7;border-radius:8px;margin-top:12px}.warning-icon{font-size:16px;flex-shrink:0}.warning-text{font-size:14px;color:#856404}.model-status{margin-bottom:16px}.status-item{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.status-label{font-weight:500;color:#555}.status-value{font-size:14px;color:#333}.status-value.loading{color:#007aff}.status-value.ready{color:#28a745}.footer{height:20px;padding:12px 0;text-align:center;color:#666;flex-shrink:0;display:flex;flex-direction:column;justify-content:center}.footer p{margin:5px 0;font-size:14px}.footer-note{font-size:12px!important;color:#888!important}.loading-container{flex:1;display:flex;align-items:center;justify-content:center;font-size:18px;color:#666}