:root{color-scheme:dark;--bg: #0b0d10;--panel: rgba(19, 24, 29, .86);--panel-strong: #14191f;--line: rgba(255, 255, 255, .1);--text: #f4f6f8;--muted: #9da8b4;--teal: #4fc3c7;--gold: #f2aa4c;--rose: #e96c86;--green: #74d38c;--shadow: 0 22px 70px rgba(0, 0, 0, .45)}*{box-sizing:border-box}body{margin:0;min-width:320px;background:radial-gradient(circle at 20% 12%,rgba(79,195,199,.12),transparent 28rem),radial-gradient(circle at 82% 18%,rgba(242,170,76,.12),transparent 24rem),linear-gradient(135deg,#0b0d10,#101820 55%,#151515);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow:hidden}button,input,textarea{font:inherit}button{border:0;color:inherit;cursor:pointer}.app-shell{position:relative;display:grid;grid-template-columns:286px 1fr;height:100vh;isolation:isolate}.cursor-aura{position:fixed;z-index:-1;width:320px;height:320px;border-radius:50%;background:radial-gradient(circle,rgba(79,195,199,.18),rgba(242,170,76,.08),transparent 68%);pointer-events:none;transition:transform .13s ease-out}.sidebar{display:flex;flex-direction:column;gap:18px;min-width:0;padding:20px;border-right:1px solid var(--line);background:#080b0ec2;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);transition:width .2s ease,padding .2s ease,opacity .2s ease}.sidebar.closed{width:0;padding:0;overflow:hidden;opacity:0}.brand{display:flex;align-items:center;gap:12px}.brand strong{display:block;margin:0;font-size:18px;letter-spacing:0}.brand span,.topbar p{display:block;margin:3px 0 0;color:var(--muted);font-size:13px}.brand-mark,.avatar{display:grid;place-items:center;width:42px;height:42px;flex:0 0 42px;border-radius:8px;color:#111;background:linear-gradient(135deg,var(--teal),var(--gold));box-shadow:0 12px 28px #4fc3c72e}.new-chat,.mode-list button,.segmented button,.file-picker{display:flex;align-items:center;gap:9px;min-height:42px;border-radius:8px;background:#ffffff0f;border:1px solid var(--line);padding:10px 12px;transition:transform .15s ease,background .15s ease,border-color .15s ease}.new-chat:hover,.mode-list button:hover,.segmented button:hover,.file-picker:hover,.icon-button:hover{transform:translateY(-1px);border-color:#4fc3c773;background:#ffffff1a}.mode-list{display:grid;gap:9px}.mode-list button.active,.segmented button.active{background:#4fc3c729;border-color:#4fc3c77a}.suggestion-box{margin-top:auto;padding:14px;border-radius:8px;border:1px solid rgba(242,170,76,.24);background:#f2aa4c14}.suggestion-box p{margin:10px 0 0;color:#e3e8ee;font-size:13px;line-height:1.45}.workspace{display:grid;grid-template-rows:auto 1fr;min-width:0;height:100vh}.topbar{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:14px;padding:16px 22px;border-bottom:1px solid var(--line);background:#0b0d10a8;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.topbar h1{margin:0;font-size:20px;letter-spacing:0}.icon-button,.send-button,.attach-button{display:grid;place-items:center;width:42px;height:42px;border-radius:8px;background:#ffffff12;border:1px solid var(--line)}.chat-layout{display:grid;grid-template-columns:minmax(0,1fr);min-height:0;padding:18px}.chat-panel{border:1px solid var(--line);border-radius:8px;background:var(--panel);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}.chat-panel{display:grid;grid-template-rows:1fr auto;min-width:0;min-height:0}.messages{min-height:0;overflow:auto;padding:28px}.message{display:grid;grid-template-columns:42px minmax(0,760px);gap:13px;margin:0 auto 18px;max-width:900px;animation:rise .22s ease both}.message.user{grid-template-columns:minmax(0,760px) 42px}.message.user .avatar{grid-column:2;grid-row:1;background:linear-gradient(135deg,var(--rose),var(--gold))}.message.user .bubble{grid-column:1;justify-self:end;background:#ffffff1a}.bubble{width:fit-content;max-width:100%;padding:14px 16px;border-radius:8px;background:#fff1;border:1px solid rgba(255,255,255,.08)}.bubble pre{margin:0;white-space:pre-wrap;word-break:break-word;font-family:inherit;font-size:15px;line-height:1.55}.chat-image-result{display:block;width:min(100%,520px);margin-top:14px;aspect-ratio:1;border-radius:8px;border:1px solid rgba(255,255,255,.12);object-fit:cover;background:#ffffff0d}.typing{color:var(--muted)}.prompt-dock{display:grid;gap:10px;padding:14px;border-top:1px solid var(--line);background:#080b0e8c}.attachment-chip{display:inline-flex;align-items:center;gap:8px;width:fit-content;max-width:min(100%,520px);padding:8px 10px;border:1px solid rgba(79,195,199,.35);border-radius:8px;color:#dce4ec;background:#4fc3c71f}.attachment-chip span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attachment-chip button{display:grid;place-items:center;width:24px;height:24px;border-radius:8px;background:#ffffff14}.image-controls{display:flex;flex-wrap:wrap;gap:10px}.segmented{display:inline-grid;grid-auto-flow:column;gap:6px;padding:4px;border-radius:8px;background:#ffffff0a;border:1px solid var(--line)}.segmented.wide{width:100%}.segmented.wide button{justify-content:center}.file-picker{position:relative;overflow:hidden}.file-picker input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.composer{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:end;padding:9px;border:1px solid rgba(255,255,255,.14);border-radius:8px;background:#ffffff12}.attach-button{position:relative;overflow:hidden;color:#dce4ec}.attach-button input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.composer textarea{width:100%;max-height:140px;resize:none;border:0;outline:0;color:var(--text);background:transparent;padding:10px;line-height:1.45}.send-button{background:linear-gradient(135deg,var(--teal),var(--gold));color:#111}.send-button:disabled{cursor:wait;filter:grayscale(.45)}.error-line{margin:0;color:#ffb8c5;font-size:13px}.loading-state{display:grid;place-items:center;min-height:180px}.spin{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(max-width:980px){body{overflow:auto}.app-shell{grid-template-columns:1fr;height:auto;min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;z-index:8;width:286px}.workspace{min-height:100vh}.chat-layout{grid-template-columns:1fr}}@media(max-width:680px){.topbar{grid-template-columns:auto 1fr}.chat-layout{padding:10px}.messages{padding:16px}.message,.message.user{grid-template-columns:36px minmax(0,1fr)}.message.user .avatar{grid-column:1}.message.user .bubble{grid-column:2;justify-self:start}.avatar{width:36px;height:36px;flex-basis:36px}}