:root{--bg-primary:#0a0a0a;--bg-secondary:#141414;--bg-tertiary:#1a1a1a;--text-primary:#e0e0e0;--text-secondary:#888;--text-muted:#555;--accent:#3b82f6;--accent-hover:#2563eb;--success:#22c55e;--error:#ef4444;--border:#333;--font-mono:"SF Mono", "Menlo", "Monaco", monospace}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-mono);background:var(--bg-primary);color:var(--text-primary);min-height:100vh;font-size:14px;line-height:1.5}.app{flex-direction:column;height:100vh;display:flex}.app.loading{justify-content:center;align-items:center}.loading-spinner{color:var(--text-secondary)}.app-header{background:var(--bg-secondary);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:1rem 1.5rem;display:flex}.app-header h1{font-size:1.25rem;font-weight:600}.header-actions{align-items:center;gap:1rem;display:flex}.user-email{color:var(--text-secondary);font-size:.85rem}.settings-button{background:var(--bg-tertiary);border:1px solid var(--border);color:var(--text-primary);cursor:pointer;padding:.5rem 1rem;font-family:inherit;font-size:.85rem}.settings-button:hover{background:var(--border)}.app-main{flex:1;display:flex;overflow:hidden}.sidebar{background:var(--bg-secondary);border-right:1px solid var(--border);flex-direction:column;width:280px;display:flex}.session-list{flex-direction:column;height:100%;display:flex}.session-list-header{border-bottom:1px solid var(--border);padding:1rem}.new-session-button{background:var(--accent);color:#fff;cursor:pointer;border:none;width:100%;padding:.75rem;font-family:inherit;font-size:.9rem}.new-session-button:hover{background:var(--accent-hover)}.session-list-items{flex:1;overflow-y:auto}.no-sessions{color:var(--text-muted);text-align:center;padding:2rem 1rem}.session-item{border-bottom:1px solid var(--border);cursor:pointer;padding:1rem;position:relative}.session-item:hover{background:var(--bg-tertiary)}.session-item.active{background:var(--bg-tertiary);border-left:3px solid var(--accent)}.session-name{white-space:nowrap;text-overflow:ellipsis;margin-bottom:.25rem;font-weight:500;overflow:hidden}.session-meta{color:var(--text-muted);font-size:.75rem}.delete-session{color:var(--text-muted);cursor:pointer;opacity:0;background:0 0;border:none;font-size:1.25rem;transition:opacity .2s;position:absolute;top:50%;right:.5rem;transform:translateY(-50%)}.session-item:hover .delete-session{opacity:1}.delete-session:hover{color:var(--error)}.content{flex-direction:column;flex:1;display:flex;overflow:hidden}.chat-panel{flex-direction:column;height:100%;display:flex}.chat-panel.empty{justify-content:center;align-items:center}.empty-state{text-align:center;color:var(--text-muted)}.empty-icon{margin-bottom:1rem;font-size:3rem}.chat-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:1rem 1.5rem;display:flex}.chat-header h2{font-size:1rem;font-weight:500}.reset-button{background:var(--bg-tertiary);border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;padding:.5rem 1rem;font-family:inherit;font-size:.8rem}.reset-button:hover{color:var(--text-primary);border-color:var(--text-secondary)}.chat-content{flex-direction:column;flex:1;display:flex;overflow:hidden}.image-viewer{background:var(--bg-primary);flex:1;justify-content:center;align-items:center;padding:1.5rem;display:flex;overflow:hidden}.image-viewer.empty{background:var(--bg-secondary)}.image-viewer img{object-fit:contain;border:1px solid var(--border);max-width:100%;max-height:100%}.message-history{border-top:1px solid var(--border);background:var(--bg-secondary);max-height:200px;overflow-y:auto}.message{border-bottom:1px solid var(--border);align-items:flex-start;gap:1rem;padding:.75rem 1.5rem;display:flex}.message-type{color:var(--text-muted);margin-right:.5rem;font-size:.75rem}.message.edit .message-type{color:var(--accent)}.message.new .message-type{color:var(--success)}.message-prompt{flex:1;font-size:.9rem}.message-meta{color:var(--text-muted);font-size:.75rem}.message-thumbnail{object-fit:cover;border:1px solid var(--border);cursor:pointer;width:48px;height:48px}.chat-input{background:var(--bg-secondary);border-top:1px solid var(--border);padding:1rem 1.5rem}.input-wrapper{align-items:center;gap:.5rem;display:flex}.mode-indicator{color:var(--text-muted);white-space:nowrap;font-size:.85rem}.chat-input input{background:var(--bg-primary);border:1px solid var(--border);color:var(--text-primary);flex:1;padding:.75rem 1rem;font-family:inherit;font-size:.9rem}.chat-input input:focus{border-color:var(--accent);outline:none}.chat-input input::placeholder{color:var(--text-muted)}.chat-input button{background:var(--accent);color:#fff;cursor:pointer;border:none;padding:.75rem 1.5rem;font-family:inherit;font-size:.9rem}.chat-input button:hover:not(:disabled){background:var(--accent-hover)}.chat-input button:disabled{opacity:.5;cursor:not-allowed}.input-hint{color:var(--text-muted);text-align:right;margin-top:.5rem;font-size:.75rem}.error-toast{background:var(--error);color:#fff;cursor:pointer;z-index:1000;align-items:center;gap:1rem;max-width:90%;padding:1rem 1.5rem;display:flex;position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%)}.error-toast .dismiss{color:#fff;cursor:pointer;background:0 0;border:none;font-size:1.25rem}.settings-overlay{z-index:100;background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.settings-panel{background:var(--bg-secondary);border:1px solid var(--border);width:100%;max-width:480px;max-height:90vh;overflow-y:auto}.settings-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:1rem 1.5rem;display:flex}.settings-header h2{font-size:1.1rem;font-weight:500}.close-button{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;font-size:1.5rem}.close-button:hover{color:var(--text-primary)}.settings-content{padding:1.5rem}.setting-group{margin-bottom:1.5rem}.setting-group label{color:var(--text-secondary);margin-bottom:.5rem;font-size:.85rem;display:block}.setting-group input,.setting-group select,.setting-group textarea{background:var(--bg-primary);border:1px solid var(--border);width:100%;color:var(--text-primary);padding:.75rem;font-family:inherit;font-size:.9rem}.setting-group input:focus,.setting-group select:focus,.setting-group textarea:focus{border-color:var(--accent);outline:none}.setting-group textarea{resize:vertical}.setting-hint{color:var(--text-muted);margin-top:.5rem;font-size:.75rem;display:block}.size-inputs{align-items:center;gap:.5rem;display:flex}.size-inputs input{text-align:center;flex:1}.size-inputs span{color:var(--text-muted)}.setting-row{gap:1rem;display:flex}.setting-row .setting-group{flex:1}.login-prompt{justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex}.login-card{text-align:center;max-width:400px}.login-card h1{margin-bottom:.5rem;font-size:2rem}.login-card p{color:var(--text-secondary);margin-bottom:1rem}.login-info{margin-bottom:2rem}.login-button{background:var(--accent);color:#fff;padding:1rem 2rem;font-family:inherit;font-size:1rem;text-decoration:none;display:inline-block}.login-button:hover{background:var(--accent-hover)}@media (width<=768px){.app-main{flex-direction:column}.sidebar{border-right:none;border-bottom:1px solid var(--border);width:100%;max-height:200px}.session-list-items{gap:.5rem;padding:.5rem;display:flex;overflow-x:auto}.session-item{border:1px solid var(--border);border-radius:4px;min-width:150px}.session-item.active{border-left-width:1px;border-color:var(--accent)}.message-history{max-height:150px}}