*{box-sizing:border-box}:root{color-scheme:dark}html,body,#root{height:100%}body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#09090b;color:#fafafa;overflow:hidden}.page{max-width:1600px;margin:0 auto;padding:24px;display:flex;gap:16px;height:100vh;overflow:hidden}.chat-list-panel,.chat-panel,.preview-panel{border:1px solid #27272a;border-radius:14px;background:#111113;display:flex;flex-direction:column;height:calc(100vh - 48px);min-height:0;overflow:hidden}.chat-list-panel{flex:0 0 280px}.chat-panel{flex:0 0 42%}.preview-panel{flex:1}.chat-list-body{flex:1;min-height:0;overflow-y:auto;padding:12px;display:grid;align-content:start;gap:8px}.chat-list-status{margin:0;color:#a1a1aa;font-size:13px;padding:6px}.chat-item{width:100%;text-align:left;border-radius:12px;border:1px solid #27272a;background:#151518;color:#fafafa;padding:10px;display:grid;gap:6px}.chat-item.active{border-color:#fafafa;background:#1e1e24}.chat-item-title{font-size:13px;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.chat-item-meta{font-size:11px;color:#a1a1aa}.panel-head{padding:16px;border-bottom:1px solid #27272a;display:flex;align-items:center;justify-content:space-between;gap:10px}.title-wrap h1{margin:0;font-size:20px;font-weight:600;letter-spacing:-.01em}.title-wrap p{margin:2px 0 0;color:#a1a1aa;font-size:12px}.chat-panel-actions{display:flex;gap:8px}h2{margin:0;font-size:16px;font-weight:600;letter-spacing:-.01em}.messages{flex:1;min-height:0;overflow-y:auto;padding:16px;display:grid;align-content:start;gap:10px}.message{border-radius:12px;border:1px solid #27272a;padding:12px;max-width:86%;display:grid;gap:8px}.message.user{justify-self:end;background:#18181b}.message.assistant{justify-self:start;background:#101016}.message p{margin:0;white-space:pre-wrap;line-height:1.45;font-size:14px}.english-prompt{font-size:12px;color:#a1a1aa}.inline-images{display:flex;gap:6px}.inline-images img{width:44px;height:44px;object-fit:cover;border-radius:8px;border:1px solid #3f3f46}.image-btn{padding:0;border:none;background:transparent}.draft-files{display:flex;gap:8px;flex-wrap:wrap}.draft-item{position:relative}.draft-item img{width:44px;height:44px;border-radius:8px;object-fit:cover;border:1px solid #3f3f46}.chip-btn{position:absolute;top:-6px;right:-6px;width:18px;height:18px;padding:0;border-radius:999px;border:1px solid #3f3f46;background:#09090b;color:#d4d4d8;font-size:11px}.status-message{opacity:.85}.composer{border-top:1px solid #27272a;padding:14px;display:grid;gap:10px}.model-selector{display:grid;gap:8px}.model-selector-label{font-size:12px;color:#a1a1aa}.model-selector-options{display:flex;gap:8px;flex-wrap:wrap}.usage-card{margin-top:4px;padding:12px;border-radius:12px;border:1px solid #27272a;background:#101014;display:grid;gap:8px}.usage-card-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.usage-card-title{font-size:12px;color:#a1a1aa}.usage-card-value{font-size:13px;color:#fafafa;font-weight:600}.usage-progress{width:100%;height:8px;border-radius:999px;background:#1f1f23;overflow:hidden}.usage-progress-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,#fafafa,#9ca3af);transition:width .2s ease}.usage-card-meta{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:11px;color:#a1a1aa}.model-chip{background:#18181b;border:1px solid #3f3f46;color:#fafafa;padding:8px 12px;font-size:12px;line-height:1}.model-chip.active{background:#fafafa;color:#09090b;border-color:#fafafa}.composer-row{display:flex;gap:8px;align-items:flex-end}.plus-btn{width:38px;height:38px;border-radius:10px;background:#18181b;border:1px solid #3f3f46;color:#fafafa;font-size:22px;line-height:1;padding:0}textarea,input{width:100%;border-radius:10px;border:1px solid #3f3f46;background:#0d0d0f;color:#fafafa;padding:10px 12px;font-size:14px}textarea{resize:none;min-height:92px}button{cursor:pointer;border-radius:10px;border:none;font-size:14px;font-weight:500;padding:10px 12px}.primary-btn{background:#fafafa;color:#09090b}.prompt-confirm-btn{justify-self:start;font-size:12px;padding:8px 10px}.secondary-btn{background:#18181b;border:1px solid #3f3f46;color:#fafafa}.danger-btn{border-color:#ef4444;color:#fecaca}.primary-btn.danger-btn{background:#ef4444;color:#fef2f2;border-color:#ef4444}button:disabled{opacity:.55;cursor:not-allowed}.hidden-input{display:none}.preview-body{flex:1;min-height:0;overflow:auto;display:flex;justify-content:center;align-items:center;padding:16px}.preview-body img{width:100%;max-height:calc(100vh - 150px);object-fit:contain;border-radius:12px;border:1px solid #27272a}.preview-image-btn{width:100%;padding:0;border:none;background:transparent}.preview-download-btn{padding:8px 12px;font-size:13px;line-height:1}.loader-wrap{display:grid;justify-items:center;gap:12px;color:#d4d4d8}.spinner{width:30px;height:30px;border-radius:999px;border:2px solid #3f3f46;border-top-color:#fafafa;animation:spin .8s linear infinite}.preview-placeholder{color:#a1a1aa;font-size:14px}.error{margin:0;padding:0 14px 14px;color:#fda4af;font-size:13px}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d9;border:none;margin:0;padding:24px;display:flex;align-items:center;justify-content:center;z-index:100}.lightbox img{max-width:min(95vw,1400px);max-height:92vh;border-radius:12px;border:1px solid #3f3f46}.bongo-cat-widget{position:fixed;right:20px;bottom:12px;width:90px;height:56px;z-index:95;pointer-events:none;image-rendering:pixelated;opacity:0;transform:translateY(8px);transition:opacity .12s ease,transform .12s ease}.bongo-cat-widget.active{opacity:.95;transform:translateY(0)}.bongo-cat-gif{width:100%;height:100%;object-fit:contain;image-rendering:pixelated}.overlay-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:120;padding:20px}.auth-card,.welcome-card{width:min(460px,100%);border:1px solid #3f3f46;border-radius:16px;background:#101014;padding:24px;display:grid;gap:12px}.auth-card h2,.welcome-card h2{margin:0;font-size:24px}.auth-card p,.welcome-card p{margin:0;color:#c4c4ce;line-height:1.5}.confirm-actions{margin-top:8px;display:flex;justify-content:flex-end;gap:8px}.auth-card span{color:#fda4af;font-size:13px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 1100px){body{overflow:auto}.page{flex-direction:column;height:auto;min-height:100vh;overflow:visible}.chat-panel,.chat-list-panel,.preview-panel{height:auto;min-height:560px}.preview-body img{max-height:520px}}