*{box-sizing:border-box;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}body,html,#root{color:#333;background-color:#f7f7f8;width:100%;height:100%}.app-container{flex-direction:row;height:100vh;display:flex;overflow:hidden}.sidebar{color:#ececf1;background-color:#202123;flex-direction:column;flex-shrink:0;min-width:0;transition:width .3s;display:flex;overflow:hidden}.sidebar.open{width:280px}.sidebar.closed{width:0}.sidebar-header{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding:16px;display:flex}.sidebar-title{align-items:center;gap:8px;font-size:15px;font-weight:500;display:flex}.sidebar-content{flex:1;padding:20px 16px}.setting-group{flex-direction:column;gap:10px;display:flex}.setting-group label{color:#c5c5d2;align-items:center;gap:8px;font-size:14px;display:flex}.setting-group input{color:#fff;background-color:#ffffff1a;border:1px solid #fff3;border-radius:6px;outline:none;width:100%;padding:10px 12px;font-size:14px;transition:border-color .2s}.setting-group input:focus{border-color:#10a37f}.setting-group input::placeholder{color:#fff6}.setting-hint{color:#8e8ea0;margin-top:4px;font-size:12px;line-height:1.5}.main-area{background-color:#fff;flex-direction:column;flex:1;min-width:0;display:flex}.header{background-color:#fff;border-bottom:1px solid #e5e5e5;flex-shrink:0;align-items:center;height:56px;padding:12px 20px;display:flex}.header-left{align-items:center;gap:16px;display:flex}.header h1{color:#333;font-size:16px;font-weight:600}.icon-btn{color:#888;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:4px;transition:background-color .2s;display:flex}.icon-btn:hover{background-color:#0000000d}.sidebar .icon-btn{color:#ececf1}.sidebar .icon-btn:hover{background-color:#ffffff1a}.chat-container{flex:1;padding-bottom:40px;overflow-y:auto}.empty-state{color:#888;text-align:center;flex-direction:column;justify-content:center;align-items:center;height:100%;padding:20px;display:flex}.empty-icon{color:#ccc;margin-bottom:16px}.empty-state h2{color:#555;margin-bottom:8px;font-size:20px}.warning-text{color:#eab308;margin-top:16px;font-weight:500}.message-wrapper{border-bottom:1px solid #e5e5e5;padding:24px 20px}.message-wrapper.assistant{background-color:#f7f7f8}.message-wrapper.user{background-color:#fff}.message-content{gap:16px;max-width:800px;margin:0 auto;display:flex}.avatar{color:#fff;background-color:#10a37f;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.user .avatar{background-color:#5436da}.message-body{flex:1;font-size:16px;line-height:1.6;overflow:hidden}.generated-image{border-radius:8px;max-width:100%;margin-top:8px;box-shadow:0 4px 12px #0000001a}.error-text{color:#ef4444}.loading{color:#666;align-items:center;gap:8px;display:flex}.spinner{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.input-container{background:linear-gradient(#fff0 0%,#fff 40%);flex-shrink:0;justify-content:center;padding:24px;display:flex;position:relative}.input-box{background-color:#fff;border:1px solid #e5e5e5;border-radius:12px;align-items:center;width:100%;max-width:800px;padding:12px 16px;display:flex;position:relative;box-shadow:0 0 15px #0000000d}.input-box textarea{resize:none;border:none;outline:none;flex:1;max-height:120px;padding-right:40px;font-size:16px;line-height:1.5}.send-button{color:#fff;cursor:pointer;background-color:#10a37f;border:none;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;transition:opacity .2s;display:flex;position:absolute;bottom:10px;right:12px}.send-button:disabled{color:#a3a3a3;cursor:not-allowed;background-color:#e5e5e5}.send-button:hover:not(:disabled){opacity:.8}