.chat-ambient{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;opacity:.45;transition:opacity .7s ease;background:radial-gradient(620px 460px at 12% -8%,rgba(66,133,244,.2),transparent 60%),radial-gradient(620px 460px at 88% -8%,rgba(155,114,249,.2),transparent 60%)}.chat-ambient.active{opacity:1}.chat-main{flex:1;overflow-y:auto;padding:var(--space-4);display:grid;gap:var(--space-3);align-content:start;position:relative;z-index:1;scroll-behavior:smooth}.bubble{max-width:85%;border-radius:var(--radius-md);padding:10px 14px;overflow-wrap:anywhere;font-size:14.5px;line-height:1.5}.bubble.user{justify-self:end;background:var(--aura-soft);border-bottom-right-radius:var(--radius-sm)}.bubble.assistant{justify-self:start;background-color:var(--surface);border:1px solid var(--border);border-bottom-left-radius:var(--radius-sm)}.aura-border{border:1px solid transparent!important;background-image:linear-gradient(var(--surface),var(--surface)),linear-gradient(120deg,var(--aura-a),var(--aura-b),var(--aura-a));background-origin:border-box;background-clip:padding-box,border-box;background-size:100% 100%,220% 100%;animation:aura-slide 2.2s linear infinite}@keyframes aura-slide{to{background-position:0 0,-220% 0}}.shimmer{background:linear-gradient(90deg,var(--text-dim),var(--aura-a),var(--aura-b),var(--text-dim));background-size:220% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:shimmer-slide 1.6s linear infinite;font-weight:500}@keyframes shimmer-slide{to{background-position:-220% 0}}.tool-row{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:6px}.tool-pill{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;padding:3px 10px;border-radius:var(--radius-pill);background:var(--aura-soft);color:var(--text-dim);animation:materialize var(--dur) var(--ease-spring)}.tool-pill .dot{width:6px;height:6px;border-radius:50%;background:var(--aura)}.tool-pill.live .dot{animation:aura-pulse 1.2s ease-in-out infinite}.bubble :is(p,ul,ol,pre,blockquote,h1,h2,h3,h4)+:is(p,ul,ol,pre,blockquote,h1,h2,h3,h4){margin-top:8px}.bubble h1{font-size:17px;line-height:1.35}.bubble h2{font-size:15.5px;line-height:1.35}.bubble h3,.bubble h4{font-size:14.5px;line-height:1.35}.bubble hr{border:none;border-top:1px solid var(--border);margin:10px 0}.bubble table{border-collapse:collapse;font-size:13px;display:block;overflow-x:auto;max-width:100%}.bubble th,.bubble td{border:1px solid var(--border);padding:4px 8px;text-align:left}.bubble ul,.bubble ol{padding-left:20px}.bubble pre{background:var(--surface-2);border-radius:var(--radius-sm);padding:10px 12px;overflow-x:auto;font-size:12.5px}.composer-actions{display:flex;gap:8px;padding:0 var(--space-4) var(--space-2);flex-wrap:wrap;position:relative;z-index:1}.action-chip{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:var(--radius-pill);border:1px solid var(--border);background:var(--surface);color:var(--text-dim);font-size:13.5px;font-weight:500;transition:background var(--dur),color var(--dur),transform var(--dur) var(--ease-spring)}.action-chip:active{transform:scale(.96)}.action-chip.active{background:var(--aura-soft);color:var(--aura-a);border-color:transparent}.action-chip.rec{background:var(--danger);color:#fff;border-color:transparent;animation:aura-pulse 1.2s ease-in-out infinite}.bubble code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.92em}.bubble img{max-width:100%;border-radius:var(--radius-sm);margin-top:8px}.avatar-ring{position:relative}.avatar-ring.active:after{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:16px;padding:2px;background:var(--aura);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:aura-pulse 1.4s ease-in-out infinite}.chat-header{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:2;background:color-mix(in srgb,var(--bg) 80%,transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.composer{display:flex;gap:var(--space-2);padding:var(--space-3) var(--space-4);position:relative;z-index:1;align-items:center}.icon-btn{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:var(--surface);border:1px solid var(--border);color:var(--text-dim);flex-shrink:0;transition:transform var(--dur) var(--ease-spring),background var(--dur),color var(--dur)}.icon-btn:active{transform:scale(.94)}.icon-btn:disabled{opacity:.45}.icon-btn.active{background:var(--aura-soft);color:var(--aura-a);border-color:transparent}.icon-btn.rec{background:var(--danger);color:#fff;border-color:transparent;animation:aura-pulse 1.2s ease-in-out infinite}.icon-btn.sm{width:36px;height:36px}.attach-chip{display:inline-flex;align-items:center;gap:6px;background:var(--surface-2);border-radius:var(--radius-pill);padding:4px 12px;font-size:13px;max-width:100%;overflow:hidden}.task-card{justify-self:stretch;background-color:var(--surface);border:1px dashed var(--border);border-radius:var(--radius-md);padding:12px 14px;font-size:14.5px}.feedback-row{display:flex;gap:4px;margin-top:8px}.feedback-btn{padding:4px 10px;border-radius:var(--radius-pill);color:var(--text-dim);display:grid;place-items:center;transition:background var(--dur),color var(--dur)}.feedback-btn.sel{background:var(--aura-soft);color:var(--aura-a)}.notice-banner{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:center;gap:8px;background:color-mix(in srgb,var(--danger) 10%,var(--surface));color:var(--danger);border-radius:var(--radius-md);padding:10px 14px;font-size:14px}.setup-banner{position:relative;z-index:1;background:var(--aura-soft);border-radius:var(--radius-md);padding:10px 14px;font-size:14px}.section-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.section-head{width:100%;display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);text-align:left}.section-head h2{font-size:16px;font-weight:600;flex:1}.section-body{padding:0 var(--space-4) var(--space-4);display:grid;gap:var(--space-3)}.row{display:flex;align-items:center;gap:var(--space-3);padding:10px 0;border-top:1px solid var(--border)}.row-main{flex:1;min-width:0}.row-title{font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row-sub{font-size:13px;color:var(--text-dim)}.switch{position:relative;width:46px;height:27px;border-radius:var(--radius-pill);background:var(--surface-2);border:1px solid var(--border);flex-shrink:0;transition:background var(--dur)}.switch:after{content:"";position:absolute;top:2px;left:2px;width:21px;height:21px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #00000040;transition:transform var(--dur) var(--ease-spring)}.switch.on{background:var(--aura);border-color:transparent}.switch.on:after{transform:translate(19px)}.sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:40;display:flex;align-items:flex-end;justify-content:center}.sheet{background:var(--bg);border-radius:var(--radius-lg) var(--radius-lg) 0 0;padding:var(--space-5) var(--space-4) calc(var(--space-5) + var(--safe-bottom));width:100%;max-width:520px;max-height:85vh;overflow-y:auto;display:grid;gap:var(--space-3);animation:sheet-up .28s var(--ease-spring)}@keyframes sheet-up{0%{transform:translateY(48px);opacity:0}}.textarea{width:100%;min-height:110px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:12px 14px;outline:none;resize:vertical;font-size:15px}.textarea:focus{border-color:var(--aura-a)}.select{width:100%;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:12px 14px;font:inherit;color:inherit}.avatar-swatch{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;font-size:22px;border:2px solid transparent}.avatar-swatch.sel{border-color:var(--aura-a)}.color-dot{width:28px;height:28px;border-radius:50%;border:2px solid transparent}.color-dot.sel{border-color:var(--text)}.progress-track{height:6px;border-radius:999px;background:var(--surface-2);overflow:hidden}.progress-fill{height:100%;border-radius:999px;background:var(--aura)}.drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:20}.drawer{position:fixed;left:0;top:0;bottom:0;width:min(82vw,320px);background:var(--bg);border-right:1px solid var(--border);z-index:21;padding:calc(var(--space-4) + var(--safe-top)) var(--space-3) calc(var(--space-4) + var(--safe-bottom));overflow-y:auto;display:flex;flex-direction:column;gap:var(--space-2);animation:drawer-in .26s var(--ease-spring)}@keyframes drawer-in{0%{transform:translate(-40px);opacity:0}}.drawer-item{display:flex;align-items:center;gap:var(--space-3);padding:10px 12px;border-radius:var(--radius-md);text-align:left;width:100%;transition:background var(--dur)}.drawer-item.current{background:var(--aura-soft)}.form-label{font-size:11.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-dim)}.input.sm,.select.sm{padding:9px 12px;font-size:14px;border-radius:10px}.textarea.sm{padding:9px 12px;font-size:14px;min-height:120px}.btn-aura.sm,.btn-ghost.sm{padding:9px 16px;font-size:13.5px}.model-option{display:flex;align-items:center;gap:10px;width:100%;text-align:left;padding:8px 12px;border-radius:10px;border:1px solid var(--border);background-color:var(--surface);font-size:14px}.model-option.sel{border-color:var(--aura-a);background:var(--aura-soft)}.model-option .radio{width:14px;height:14px;border-radius:50%;border:2px solid var(--border);flex-shrink:0}.model-option.sel .radio{border-color:var(--aura-a);background:var(--aura)}.compact-row{display:flex;align-items:center;gap:10px;padding:6px 0}.compact-row .row-title{font-size:14px}.compact-row .row-sub{font-size:12.5px}.tile-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}.tile{background-color:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-4);display:grid;gap:10px;text-align:left;transition:transform var(--dur) var(--ease-spring),border-color var(--dur)}.tile:active{transform:scale(.96);border-color:var(--aura-a)}.tile-icon{width:40px;height:40px;border-radius:13px;display:grid;place-items:center;background:var(--aura-soft);color:var(--aura-a);flex-shrink:0}.canvas-pre{background:var(--surface-2);border-radius:var(--radius-md);padding:12px 14px;max-height:45vh;overflow:auto;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12.5px;line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere}.badge{min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:var(--aura);color:#fff;font-size:12px;font-weight:700;display:grid;place-items:center}:root{--bg: #f8f9fd;--surface: #ffffff;--surface-2: #eef1f8;--border: rgba(19, 19, 24, .08);--text: #1b1b21;--text-dim: #5c5f6e;--aura-a: #4285f4;--aura-b: #9b72f9;--aura: linear-gradient(120deg, var(--aura-a), var(--aura-b));--aura-soft: linear-gradient(120deg, rgba(66, 133, 244, .14), rgba(155, 114, 249, .14));--danger: #d93b3b;--ok: #1e9e6a;--radius-lg: 28px;--radius-md: 20px;--radius-sm: 12px;--radius-pill: 999px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--font: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;--ease-spring: cubic-bezier(.2, .9, .3, 1.1);--dur: .24s;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px)}@media(prefers-color-scheme:dark){:root{--bg: #131318;--surface: #1c1c23;--surface-2: #24242d;--border: rgba(248, 249, 253, .09);--text: #e8e9f1;--text-dim: #a2a5b5;--aura-soft: linear-gradient(120deg, rgba(66, 133, 244, .2), rgba(155, 114, 249, .2))}}*{box-sizing:border-box;margin:0}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);font-family:var(--font);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased;overscroll-behavior-y:none}button{font:inherit;border:none;cursor:pointer;background:none;color:inherit}input,textarea{font:inherit;color:inherit}a{color:inherit;text-decoration:none}.screen{min-height:100%;display:flex;flex-direction:column;padding-top:var(--safe-top);padding-bottom:var(--safe-bottom)}.card{background-color:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-4)}.btn-aura{background:var(--aura);color:#fff;border-radius:var(--radius-pill);padding:12px 24px;font-weight:600;transition:transform var(--dur) var(--ease-spring),opacity var(--dur)}.btn-aura:active{transform:scale(.97)}.btn-aura:disabled{opacity:.5}.btn-ghost{border:1px solid var(--border);border-radius:var(--radius-pill);padding:12px 24px;font-weight:600;background:var(--surface)}.input{width:100%;background-color:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:14px 16px;outline:none;transition:border-color var(--dur)}.input:focus{border-color:var(--aura-a)}.dim{color:var(--text-dim)}.error-text{color:var(--danger);font-size:14px}@keyframes materialize{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.materialize{animation:materialize var(--dur) var(--ease-spring)}@keyframes aura-pulse{0%,to{opacity:.55}50%{opacity:1}}