*{box-sizing:border-box}html,body{margin:0;height:100%;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#171717}.chat-body{overflow:hidden;background:#fff}#shell{display:flex;height:100vh}#sidebar{width:270px;background:#f7f7f8;border-right:1px solid #ececec;display:flex;flex-direction:column;padding:10px;transition:.25s}.side-top{display:flex;gap:8px}.new-chat{flex:1;border:0;background:transparent;border-radius:10px;padding:11px;text-align:left;font-size:14px}.new-chat:hover,.chat-item:hover{background:#e9e9eb}.new-chat i{margin-right:10px}.icon-btn{border:0;background:transparent;border-radius:9px;width:38px;height:38px;font-size:18px}.side-search{margin:8px 0;display:flex;align-items:center;gap:8px;background:#ededee;border-radius:10px;padding:9px 10px}.side-search input{border:0;background:transparent;outline:0;width:100%}.chat-list{overflow:auto;flex:1}.chat-item{border:0;background:transparent;width:100%;padding:10px;border-radius:9px;display:flex;justify-content:space-between;gap:8px;text-align:left}.chat-item span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.side-bottom{border-top:1px solid #e5e5e5;padding-top:8px}.side-bottom a{display:block;color:inherit;text-decoration:none;padding:9px;border-radius:9px}.side-bottom a:hover{background:#e9e9eb}.side-bottom i{margin-right:9px}#main{flex:1;min-width:0;display:flex;flex-direction:column;position:relative}header{height:58px;display:flex;align-items:center;padding:0 14px;gap:12px}.brand{font-weight:650}.model-pill{margin-left:auto;font-size:13px;background:#f3f3f3;padding:7px 10px;border-radius:999px}#messages{flex:1;overflow:auto;padding:30px 18px 180px}.message-row{max-width:780px;margin:0 auto 26px}.message-row.user{display:flex;justify-content:flex-end}.bubble-user{background:#f3f3f3;border-radius:20px;padding:10px 15px;max-width:80%;white-space:pre-wrap}.assistant-content{line-height:1.7;white-space:pre-wrap}.assistant-content img,.asset-img{max-width:min(100%,680px);border-radius:16px;border:1px solid #eee;margin-top:12px}.msg-actions{font-size:13px;color:#777;margin-top:8px}.msg-actions button{border:0;background:none;color:inherit}.typing{display:inline-flex;gap:5px}.typing b{width:6px;height:6px;border-radius:50%;background:#777;animation:p 1s infinite alternate}.typing b:nth-child(2){animation-delay:.2s}.typing b:nth-child(3){animation-delay:.4s}@keyframes p{to{opacity:.25;transform:translateY(-3px)}}#welcome{max-width:780px;margin:20vh auto 0;text-align:center}#welcome h1{font-size:32px;margin:0 0 10px}#welcome p{color:#777}#composerWrap{position:absolute;left:0;right:0;bottom:0;padding:18px;background:linear-gradient(transparent,#fff 28%)}#composer{max-width:790px;margin:auto;border:1px solid #ddd;border-radius:26px;min-height:58px;padding:8px;display:flex;align-items:flex-end;box-shadow:0 4px 18px #0000000a;background:#fff}.attach-btn{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;cursor:pointer;font-size:20px}#prompt{flex:1;border:0;outline:0;resize:none;max-height:180px;padding:11px 4px;font:inherit}#sendBtn{border:0;background:#111;color:#fff;width:40px;height:40px;border-radius:50%;font-size:18px}#sendBtn:disabled{opacity:.35}.hint{text-align:center;font-size:11px;color:#888;margin-top:7px}#attachmentPreview{max-width:790px;margin:auto}.attach-card{display:inline-flex;align-items:center;gap:8px;background:#f5f5f5;border-radius:12px;padding:8px 10px;margin-bottom:7px;font-size:13px}.auth{background:#f7f7f8;display:grid;place-items:center;min-height:100vh;padding:20px}.auth-card{width:min(420px,100%);background:#fff;padding:30px;border-radius:22px;box-shadow:0 10px 40px #00000010}.mobile-only{display:none}@media(max-width:800px){#sidebar{position:fixed;z-index:20;height:100%;transform:translateX(-100%);box-shadow:20px 0 40px #0002}#sidebar.open{transform:translateX(0)}.mobile-only{display:block}#messages{padding-left:14px;padding-right:14px}.bubble-user{max-width:92%}.brand{font-size:14px}.model-pill{display:none}}

.suggestions{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:18px}.suggestions button{border:1px solid #ddd;background:#fff;padding:10px 14px;border-radius:14px}.generated-img{max-width:520px;width:100%;border-radius:14px;display:block}.action-row{font-size:13px;margin-top:7px}.file-chip{display:inline-flex;gap:8px;align-items:center;background:#eee;padding:7px 10px;border-radius:10px}.file-chip button{border:0;background:none;font-size:18px}.message a{color:inherit;text-decoration:underline}
