:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--lc-bg:#f6f1e8;--lc-surface:#fffcf5;--lc-surface-elevated:#fff;--lc-ink:#1f2520;--lc-muted:#697269;--lc-line:#ded5c6;--lc-accent:#0f6f5c;--lc-accent-strong:#0a4d43;--lc-warm:#c77735;--lc-danger:#b84a3a;--lc-info:#336d9f;--lc-shadow:0 24px 80px #42301c24;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--radius-sm:8px;--radius-md:14px;--radius-lg:22px;--radius-xl:30px}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;height:100%}body{color:#1f1f1f;text-rendering:optimizelegibility;background:#fff;min-width:320px;min-height:100%;margin:0;font-family:SF Pro Text,SF Pro Display,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Noto Sans SC,sans-serif;overflow-x:hidden}button,textarea,input,select{font:inherit}button{cursor:pointer}button:disabled,textarea:disabled{cursor:not-allowed;opacity:.46}button:focus-visible,a:focus-visible,textarea:focus-visible,input:focus-visible,select:focus-visible{outline-offset:3px;outline:2px solid #10182833}a{color:inherit}.muted{color:#737373}.eyebrow{color:#7a7a7a;letter-spacing:.15em;text-transform:uppercase;margin:0 0 12px;font-size:.72rem;font-weight:800}.mobile-only{display:none!important}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.chat-shell{background:#fff;grid-template-columns:292px minmax(0,1fr);height:100dvh;display:grid;overflow:hidden}.sidebar{min-width:0;box-shadow:none;background:#f9f9f9;border-right:1px solid #ececec;flex-direction:column;gap:10px;padding:18px 12px;display:flex}.brand{align-items:center;gap:10px;padding:2px 4px 8px;display:flex}.brand-mark{color:#fff;letter-spacing:-.04em;background:#1f1f1f;border-radius:11px;flex:none;place-items:center;width:34px;height:34px;font-weight:800;display:grid}.brand-word{color:#202020;text-overflow:ellipsis;white-space:nowrap;font-size:.95rem;font-weight:650;overflow:hidden}.new-chat-button,.settings-link{color:#202020;text-align:left;width:100%;box-shadow:none;background:#fff;border:1px solid #e7e7e7;border-radius:16px;padding:10px 12px;font-weight:600;text-decoration:none;transition:background .18s,border-color .18s,transform .18s}.new-chat-button:hover,.settings-link:hover{background:#f3f3f3;border-color:#ddd;transform:translateY(-1px)}.session-list{scrollbar-width:thin;gap:2px;min-height:0;padding:1px 1px 6px;display:grid;overflow:auto}.session-item{color:#353535;text-align:left;background:0 0;border:1px solid #0000;border-radius:12px;grid-template-columns:minmax(0,1fr) auto;align-items:center;width:calc(100% - 2px);min-width:0;padding:1px;transition:background .18s,border-color .18s,box-shadow .18s,transform .18s;display:grid;position:relative}.session-open-button{min-width:0;color:inherit;text-align:left;background:0 0;border:0;border-radius:11px;padding:7px 9px;display:block}.session-open-button strong,.session-open-button span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.session-open-button strong{color:#2f2f2f;letter-spacing:-.01em;padding-right:8px;font-size:.82rem;font-weight:600}.session-open-button span{color:#777;margin-top:2px;font-size:.7rem;line-height:1.28}.session-item.active,.session-item:hover{box-shadow:none;background:#eee;border-color:#0000}.session-item:hover{transform:translateY(-1px)}.session-item.active{background:#eee}.session-delete-button{color:#777;opacity:0;background:#fff;border:1px solid #d8d8d8;border-radius:999px;flex:none;place-items:center;width:21px;height:21px;margin-right:6px;padding:0;font-size:.88rem;line-height:1;transition:background .16s,border-color .16s,color .16s,opacity .16s,transform .16s;display:grid;transform:scale(.84)}.session-item:hover .session-delete-button,.session-item:focus-within .session-delete-button{opacity:1;transform:scale(1)}.session-delete-button:hover:not(:disabled),.session-delete-button:focus-visible{color:#202020;background:#e8e8e8;border-color:#d7d7d7}.settings-link{margin-top:auto}.mobile-sidebar-backdrop{display:none}.conversation{background:#ffffffbd;grid-template-rows:auto minmax(0,1fr) auto;min-width:0;min-height:0;display:grid}.topbar{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid #ece8dfb8;justify-content:flex-start;align-items:center;gap:18px;min-height:58px;padding:10px clamp(18px,3vw,34px);display:flex}.topbar-main{align-items:center;gap:12px;min-width:0;display:flex}.topbar h1{text-overflow:ellipsis;white-space:nowrap;color:#202020;letter-spacing:-.02em;max-width:min(42vw,520px);margin:0;font-size:1rem;font-weight:760;overflow:hidden}.mobile-title{color:#242321;letter-spacing:-.025em;font-size:.92rem;font-weight:760}.topbar-actions{align-items:center;gap:5px}.pill,.prompt-chips button{color:#2f2f2f;background:#ffffffdb;border:1px solid #e6e2db;border-radius:999px;padding:8px 12px}.select-pill{min-width:108px;max-width:238px}.icon-button{color:#222;background:#f2f0eb;border:0;border-radius:999px;flex:none;place-items:center;width:38px;height:38px;font-size:1.15rem;font-weight:760;text-decoration:none;display:grid}.icon-button svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;width:19px;height:19px}.new-session-icon{color:#201f1d;background:0 0}.messages{overscroll-behavior:contain;scroll-behavior:smooth;min-height:0;padding:24px clamp(18px,4vw,54px) 160px;overflow:auto}.empty-state{text-align:center;align-content:center;place-items:center;max-width:780px;min-height:100%;margin:0 auto;padding-bottom:12vh;display:grid}.empty-state h2{color:#252525;letter-spacing:-.065em;max-width:760px;margin:0;font-size:clamp(2.2rem,6vw,4.75rem);font-weight:650;line-height:.98}.empty-copy{color:#696969;max-width:520px;margin:18px auto 0;font-size:.98rem;line-height:1.72}.prompt-chips{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:26px;display:flex}.prompt-chips button{transition:background .18s,border-color .18s,transform .18s}.prompt-chips button:hover{background:#fff7e8;border-color:#d7cfc2;transform:translateY(-1px)}.primary-action,.send-button{color:#fff;background:#202020;border:0;border-radius:999px;font-weight:760;text-decoration:none}.inline-action{margin-top:26px;padding:11px 17px;display:inline-block}.welcome-action{opacity:0;animation:.58s .84s both hero-support-in;transform:translateY(12px)}.message-stack{flex-direction:column;gap:26px;max-width:820px;min-height:100%;margin:0 auto;display:flex}.message-row{max-width:100%;animation:.24s both message-in}.message-row.user{color:#1f1f1f;background:#f0efed;border-radius:24px;align-self:flex-end;max-width:min(72%,620px);padding:10px 16px}.message-row.assistant{color:#202020;align-self:stretch;max-width:760px;padding:0 0 2px}.message-text{word-break:break-word;margin:0;font-size:1rem;line-height:1.76}.message-row.user .message-text{white-space:pre-wrap;line-height:1.58}.message-row.assistant .message-text{max-width:742px}.markdown-body>:first-child{margin-top:0}.markdown-body>:last-child{margin-bottom:0}.markdown-body p{margin:.76em 0}.markdown-body h1,.markdown-body h2,.markdown-body h3{color:#171717;letter-spacing:-.025em;margin:1.1em 0 .44em;font-weight:760;line-height:1.18}.markdown-body h1{font-size:1.38rem}.markdown-body h2{font-size:1.2rem}.markdown-body h3{font-size:1.08rem}.markdown-body ul{gap:.3em;margin:.7em 0;padding-left:1.2em;display:grid}.markdown-body ol{gap:.3em;margin:.7em 0;padding-left:1.35em;display:grid}.markdown-body li{padding-left:.12em}.markdown-body blockquote{color:#555;border-left:3px solid #ddd;margin:.9em 0;padding:.05em 0 .05em 1em}.markdown-body hr{background:#e8e8e8;border:0;height:1px;margin:1.2em 0}.md-task-item{align-items:flex-start;gap:.48em;list-style:none;display:flex}.md-task-item input{accent-color:#202020;width:1em;height:1em;margin:.34em 0 0}.markdown-body strong{color:#22211f;font-weight:620}.markdown-body a{color:#245c9e;text-underline-offset:3px;text-decoration-color:#245c9e4d}.markdown-body code{color:#2b2925;background:#f2f0ec;border-radius:6px;padding:.12em .35em;font-family:SF Mono,JetBrains Mono,ui-monospace,monospace;font-size:.92em}.md-table-wrap{-webkit-overflow-scrolling:touch;background:#fff;border:1px solid #e4e4e4;border-radius:14px;max-width:100%;margin:1em 0;overflow-x:auto}.markdown-body table{border-collapse:collapse;width:100%;min-width:max-content;font-size:.94rem;line-height:1.55}.markdown-body th,.markdown-body td{text-align:left;vertical-align:top;white-space:nowrap;border-bottom:1px solid #ececec;padding:10px 12px}.markdown-body th{color:#333;background:#f7f7f7;font-weight:620}.markdown-body td{color:#2f2f2f}.markdown-body tbody tr:last-child td{border-bottom:0}.markdown-body tbody tr:hover td{background:#fafafa}.md-code-block{color:#f7f7f4;background:#171717;border:1px solid #e4e0d8;border-radius:16px;margin:.9em 0;overflow:hidden}.md-code-block span{color:#b9b4aa;text-transform:lowercase;border-bottom:1px solid #ffffff1c;padding:8px 12px;font-size:.74rem;font-weight:720;display:block}.md-code-block code{color:inherit;white-space:pre;background:0 0;padding:13px 14px;line-height:1.58;display:block;overflow-x:auto}.message-row.assistant .message-text.streaming-text:after{content:"";vertical-align:-.16em;background:#222;width:.48em;height:1.08em;margin-left:2px;animation:1s steps(2,start) infinite cursor-blink;display:inline-block}.message-actions{opacity:.76;align-items:center;gap:6px;min-height:32px;margin-top:10px;transition:opacity .16s;display:flex}.message-row.assistant:hover .message-actions,.message-actions:focus-within{opacity:1}.message-actions button{color:#5f5d58;background:0 0;border:0;border-radius:999px;place-items:center;width:30px;height:30px;font-size:1rem;line-height:1;transition:background .16s,color .16s,transform .16s;display:grid}.message-actions button:hover:not(:disabled),.message-actions button:focus-visible{color:#1f1f1f;background:#f1eee8;transform:translateY(-1px)}.assistant-status{color:#77736c;align-items:center;gap:8px;min-height:18px;margin-bottom:8px;font-size:.8rem;display:flex}.assistant-status.completed{display:none}.assistant-status.failed,.assistant-status.stopped{color:#9a3412}.typing-dot{background:#202020;border-radius:50%;width:7px;height:7px;animation:1s ease-in-out infinite pulse;display:inline-block}.stream-placeholder{color:#77736c;margin:0;font-size:.96rem;line-height:1.7}.message-assets{flex-wrap:wrap;gap:10px;margin-bottom:10px;display:flex}.message-row.user .message-assets{justify-content:flex-end}.message-assets.generated{grid-template-columns:repeat(auto-fit,minmax(220px,320px));justify-content:start;display:grid}.asset-card{margin:0}.asset-card img{object-fit:cover;border:1px solid #0000000a;border-radius:20px;width:auto;max-width:min(100%,320px);max-height:420px;display:block;box-shadow:0 16px 44px #221c121f}.file-card{background:#fbfaf7;border:1px solid #e2ddd4;border-radius:18px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:3px 10px;width:min(100%,360px);padding:11px 13px;display:grid}.file-card strong{color:#4c463d;letter-spacing:-.02em;background:#ece7dd;border-radius:13px;grid-row:span 2;place-items:center;width:44px;height:44px;font-size:.72rem;display:grid}.file-card span,.file-card small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.file-card span{color:#2f2b25;font-weight:720}.file-card small{color:#817a70;font-size:.78rem}.message-row.user .asset-card img{max-width:220px;max-height:220px;box-shadow:none;border-radius:18px}.asset-card figcaption{color:#68645d;margin-top:8px;font-size:.84rem}.process-details{color:#68645d;max-width:680px;margin:0 0 10px;font-size:.84rem}.process-details summary{cursor:pointer;border-radius:999px;width:fit-content;padding:5px 9px;list-style:none;transition:background .18s}.process-details summary::-webkit-details-marker{display:none}.process-details summary:hover{background:#f4f1eb}.timeline{border-left:1px solid #e3ded5;gap:10px;margin-top:9px;padding-left:12px;display:grid}.timeline-item{position:relative}.timeline-item:before{content:"";background:#c8c1b4;border-radius:50%;width:7px;height:7px;position:absolute;top:.45em;left:-16px}.timeline-item.running:before{background:#202020;animation:1s ease-in-out infinite pulse}.timeline-item.completed:before{background:#2f8f68}.timeline-item.failed:before{background:#b42318}.timeline-item strong{color:#3f3b35;font-size:.83rem;display:block}.timeline-item p{color:#706b63;white-space:pre-wrap;margin:4px 0 0;font-size:.82rem;line-height:1.55}.source-list{flex-wrap:wrap;gap:6px;margin-top:7px;display:flex}.source-list a{color:#315f91;text-overflow:ellipsis;white-space:nowrap;border:1px solid #e5dfd6;border-radius:999px;max-width:100%;padding:4px 8px;text-decoration:none;overflow:hidden}.form-error{color:#a23a2a;margin:10px 0 0;font-weight:680;line-height:1.6}.composer-wrap{width:min(100% - 48px,860px);padding:8px 0 max(18px, env(safe-area-inset-bottom));z-index:5;margin:0 auto}.composer{background:#fffffff0;border:1px solid #dcdcdc;border-radius:30px;box-shadow:0 18px 50px #0000001a}.composer-row{grid-template-columns:auto auto minmax(0,1fr) auto;align-items:center;gap:8px;padding:9px 10px;display:grid}.composer-tools{display:grid;position:relative}.tool-menu-trigger{color:#202020;letter-spacing:0;background:#f7f7f7;border:1px solid #d8d8d8;border-radius:999px;place-items:center;width:38px;height:38px;font-size:1.18rem;font-weight:500;line-height:1;transition:background .16s,border-color .16s,box-shadow .16s,color .16s,transform .16s;display:grid;box-shadow:0 1px 2px #0000000f,inset 0 1px #ffffffdb}.tool-menu-trigger:hover:not(:disabled),.tool-menu-trigger:focus-visible,.tool-menu-trigger[aria-expanded=true]{color:#111;background:#ececec;border-color:#cfcfcf;transform:translateY(-1px);box-shadow:0 2px 5px #00000014,inset 0 1px #ffffffe6}.tool-menu-trigger:active:not(:disabled){transform:translateY(0)scale(.97);box-shadow:0 1px 2px #00000014,inset 0 1px 2px #0000001f}.tool-menu-popover{z-index:75;background:#fffffffa;border:1px solid #dedede;border-radius:20px;gap:4px;width:min(82vw,280px);padding:8px;animation:.16s both picker-in;display:grid;position:absolute;bottom:calc(100% + 10px);left:0;box-shadow:0 24px 70px #00000024}.tool-menu-popover button{color:#25221d;text-align:left;background:0 0;border:0;border-radius:14px;grid-template-columns:28px minmax(0,1fr);gap:1px 10px;width:100%;padding:9px 10px;display:grid}.tool-menu-popover button:hover,.tool-menu-popover button:focus-visible{background:#f3f3f3}.tool-menu-popover button>span{color:#2f2f2f;background:#eee;border-radius:999px;grid-row:span 2;place-items:center;width:28px;height:28px;font-weight:650;display:grid}.tool-menu-popover strong{font-size:.86rem;font-weight:620}.tool-menu-popover small{color:#777;text-overflow:ellipsis;white-space:nowrap;font-size:.72rem;line-height:1.24;overflow:hidden}.composer-meta{pointer-events:none;border-top:0;justify-content:flex-start;align-items:center;gap:8px;min-width:0;display:flex;position:relative}.model-picker-trigger{color:#555;pointer-events:auto;background:0 0;border:1px solid #0000;border-radius:999px;align-items:center;gap:8px;min-width:0;max-width:min(100%,310px);min-height:34px;padding:7px 9px 7px 11px;transition:background .18s,border-color .18s,color .18s,transform .18s;display:inline-flex}.model-picker-trigger:hover,.model-picker-trigger:focus-visible,.model-picker-trigger[aria-expanded=true]{color:#202020;background:#f2f2f2;border-color:#dedede}.trigger-model{letter-spacing:-.01em;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:.82rem;font-weight:600;line-height:1;overflow:hidden}.trigger-chevron{color:#7a7a7a;flex:none;font-size:.84rem;line-height:1}.model-picker-popover{pointer-events:auto;transform-origin:0 100%;background:#fffffffa;border:1px solid #ddd6cbeb;border-radius:22px;grid-template-columns:minmax(190px,1fr) 210px;width:min(92vw,520px);max-height:min(62vh,470px);animation:.16s both picker-in;display:grid;position:absolute;bottom:calc(100% + 10px);left:0;overflow:hidden;box-shadow:0 28px 90px #1815112e}.model-list{scrollbar-width:thin;align-content:start;gap:2px;padding:8px;display:grid;overflow:auto}.model-option{color:#2d2a25;text-align:left;background:0 0;border:0;border-radius:12px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;width:100%;padding:8px 10px;font-size:.89rem;font-weight:620;line-height:1.25;display:grid}.model-option span:first-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.model-option:hover,.model-option:focus-visible,.model-option.preview{background:#f1eee8}.model-option.active{color:#fff;background:#202020}.reasoning-panel{background:radial-gradient(circle at 95% 12%,#e0d6c4a6,#0000 8rem),#faf8f4;border-left:1px solid #eee8df;align-content:start;gap:6px;padding:14px;display:grid}.reasoning-eyebrow{color:#8a8277;letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:.68rem;font-weight:850}.reasoning-panel h3{color:#201f1d;letter-spacing:-.025em;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:.96rem;font-weight:790;overflow:hidden}.reasoning-copy{color:#777167;margin:0 0 4px;font-size:.78rem;line-height:1.45}.reasoning-option{color:#2c2924;text-align:left;background:#ffffffb8;border:1px solid #0000;border-radius:14px;gap:2px;width:100%;padding:8px 10px;transition:background .16s,border-color .16s,transform .16s;display:grid}.reasoning-option span{font-size:.84rem;font-weight:780}.reasoning-option small{color:#837b70;font-size:.72rem;line-height:1.32}.reasoning-option:hover:not(:disabled),.reasoning-option:focus-visible{background:#fff;border-color:#ddd4c6;transform:translateY(-1px)}.reasoning-option.active{color:#fff;background:#202020;border-color:#202020}.reasoning-option.active small{color:#ffffffb8}.composer textarea{resize:none;color:#1f1f1f;background:0 0;border:0;outline:0;width:100%;min-height:40px;max-height:168px;padding:10px 2px 8px;line-height:1.55}.composer textarea::placeholder{color:#85817a}.attach-button,.send-button{border-radius:999px;flex:none;place-items:center;width:38px;height:38px;display:grid}.attach-button{color:#252525;background:#fff;border:1px solid #e0dad1;font-size:1.25rem;line-height:1}.send-button{padding:0;font-size:1.05rem}.stop-button{font-size:.82rem}.composer-hint{color:#85817a;text-align:center;margin:8px 0 0;font-size:.76rem;line-height:1.45}.pending-assets{gap:9px;padding:10px 12px 0;display:flex;overflow-x:auto}.pending-assets figure{flex:none;margin:0;position:relative}.pending-assets img{object-fit:cover;border-radius:16px;width:76px;height:76px}.pending-file{background:#fbfaf7;border:1px solid #e2ddd4;border-radius:16px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px;width:156px;height:76px;padding:10px;display:grid}.pending-file strong{color:#4c463d;background:#ebe6dd;border-radius:12px;place-items:center;width:40px;height:40px;font-size:.68rem;display:grid}.pending-file span{color:#39342d;text-overflow:ellipsis;white-space:nowrap;font-size:.78rem;font-weight:720;line-height:1.25;overflow:hidden}.pending-assets button{color:#fff;background:#1f1f1f;border:2px solid #fff;border-radius:999px;place-items:center;width:22px;height:22px;padding:0;font-size:.86rem;line-height:1;display:grid;position:absolute;top:-7px;right:-7px}.welcome-page{background:radial-gradient(circle at 15% 12%,#ede8dee6,#0000 26rem),linear-gradient(#fff 0%,#f8f5ef 100%);grid-template-columns:minmax(0,1.16fr) minmax(318px,418px);place-items:center;gap:clamp(24px,3.6vw,46px);min-height:100vh;padding:32px;display:grid}.welcome-hero{max-width:840px}.welcome-kicker{opacity:0;animation:.52s 80ms both hero-kicker-in}.welcome-hero h1,.animated-hero-title{color:#252525;letter-spacing:-.055em;margin:0;font-size:clamp(2.05rem,4.65vw,4.18rem);font-weight:650;line-height:.96}.animated-hero-title{gap:.02em;display:grid}.hero-line{padding-bottom:.035em;display:block;overflow:hidden}.hero-line-text{opacity:0;transform-origin:0 100%;filter:blur(10px);animation:.86s cubic-bezier(.16,1,.3,1) both hero-line-rise;animation-delay:calc(.18s + var(--line-index) * .12s);display:inline-block;transform:translateY(118%)rotateX(18deg)skewY(2deg)}.hero-copy{color:#666;max-width:620px;font-size:.98rem;line-height:1.62}.welcome-copy{opacity:0;animation:.64s .68s both hero-support-in;transform:translateY(14px)}.key-guide{opacity:0;width:min(100%,860px);margin-top:20px;animation:.66s .9s both hero-support-in;transform:translateY(16px)}.guide-header{flex-wrap:wrap;align-items:baseline;gap:8px 12px;margin-bottom:12px;display:flex}.guide-header span{color:#8a8277;letter-spacing:.14em;text-transform:uppercase;font-size:.68rem;font-weight:850}.guide-header strong{color:#2a2824;font-size:.98rem;font-weight:780}.guide-stage{background:radial-gradient(circle at 78% 4%,#4fb5a424,#0000 17rem),#ffffffdb;border:1px solid #dfd8cdeb;border-radius:28px;min-height:416px;position:relative;overflow:hidden;box-shadow:0 22px 70px #27211717}.guide-screen{opacity:0;animation:12s ease-in-out infinite guide-screen-cycle;position:absolute;inset:0;transform:translate(18px)scale(.992)}.sidebar-shot{animation-delay:0s}.keys-empty-shot{animation-delay:3s}.modal-shot{animation-delay:6s}.key-copy-shot{animation-delay:9s}.shot-sidebar{background:#fff;border-right:1px solid #e6e8ec;width:230px;height:100%;padding:18px 16px}.shot-brand{border-bottom:1px solid #edf0f2;align-items:center;gap:12px;margin:-18px -16px 20px;padding:18px 16px 16px;display:flex}.shot-brand b{color:#111827;font-size:1rem;font-weight:850;display:block}.shot-brand span{color:#737b88;margin-top:4px;font-size:.72rem;display:block}.shot-logo{background:radial-gradient(circle at 28% 70%,#6ad0bf 0 17%,#0000 18%),radial-gradient(circle at 72% 26%,#6d83ec 0 21%,#0000 22%),linear-gradient(135deg,#1a4a45,#6489f5);border-radius:14px;width:44px;height:44px}.shot-menu{color:#586172;border-radius:15px;align-items:center;gap:12px;min-height:42px;padding:0 14px;font-size:.9rem;font-weight:780;display:flex}.shot-menu.active{color:#3f9a8b;background:#4fb5a41c}.shot-menu.api{animation:12s ease-in-out infinite guide-api-menu-pulse;position:relative}.shot-callout{pointer-events:none;opacity:0;filter:drop-shadow(0 10px 18px #ef2f2f26);border:4px solid #ef2f2f;border-radius:17px;position:absolute}.api-callout{width:122px;height:44px;animation:12s ease-in-out infinite guide-callout-pop;top:131px;left:17px}.keys-toolbar{justify-content:space-between;align-items:center;gap:18px;padding:22px 24px 14px;display:flex}.keys-filters{flex-wrap:wrap;gap:10px;display:flex}.keys-filters span{color:#8b95a3;background:#fff;border:1px solid #e5e8ec;border-radius:14px;min-width:112px;padding:9px 12px;font-size:.75rem}.keys-toolbar button,.keys-empty button,.create-modal footer button:last-child{color:#fff;background:#4fb5a4;border:0;border-radius:14px;padding:10px 14px;font-weight:820;box-shadow:0 14px 30px #4fb5a447}.endpoint-pill{color:#596170;background:#fff;border:1px solid #e7ebef;border-radius:10px;width:fit-content;margin:0 24px 14px;padding:6px 10px;font-size:.72rem}.endpoint-pill b{color:#3f9a8b;background:#ecfbf5;border-radius:6px;margin:0 7px;padding:2px 5px}.endpoint-pill code{color:#6b7280;font-family:SF Mono,JetBrains Mono,ui-monospace,monospace}.keys-table,.keys-row-table{background:#fff;border:1px solid #e6e8ec;border-radius:18px;margin:0 24px 22px;overflow:hidden}.keys-head{color:#596170;background:#fafbfc;grid-template-columns:.8fr 1.3fr 1fr 1fr 1fr;gap:12px;padding:13px 16px;font-size:.78rem;font-weight:780;display:grid}.keys-empty{color:#8b95a3;text-align:center;align-content:center;place-items:center;gap:7px;min-height:124px;display:grid}.keys-empty i{background:#f0f1f4;border-radius:15px;width:42px;height:42px}.keys-empty b{color:#232936}.keys-empty button{margin-top:3px;padding-inline:18px;animation:12s ease-in-out infinite guide-create-pulse}.create-callout{width:118px;height:48px;animation:12s ease-in-out infinite guide-callout-two;top:23px;right:25px}.modal-shot{place-items:center;padding:13px 0;display:grid}.modal-backdrop{background:#242a329e;position:absolute;inset:0}.create-modal{z-index:1;background:#fff;border-radius:22px;width:min(88%,438px);position:relative;overflow:hidden;box-shadow:0 26px 80px #0f172a47}.create-modal header,.create-modal footer{border-bottom:1px solid #edf0f2;justify-content:space-between;align-items:center;padding:12px 18px;display:flex}.create-modal footer{border-top:1px solid #edf0f2;border-bottom:0;justify-content:flex-end;gap:10px}.create-modal header b{color:#111827;font-size:.96rem;font-weight:850}.create-modal header span{color:#9aa4b2;font-size:1.2rem}.create-modal label{color:#374151;gap:6px;padding:10px 18px 0;font-size:.76rem;font-style:normal;font-weight:820;display:grid}.create-modal em,.create-modal strong{color:#111827;border:1px solid #e2e6ea;border-radius:13px;padding:9px 12px;font-style:normal;font-weight:680}.create-modal strong{border-color:#4fb5a48c;box-shadow:0 0 0 3px #4fb5a41f}.toggle-row{color:#374151;justify-content:space-between;align-items:center;padding:8px 18px 0;font-size:.75rem;font-weight:780;display:flex}.toggle-row i{background:#e5e7eb;border-radius:999px;width:32px;height:18px}.create-modal footer button:first-child{color:#374151;background:#fff;border:1px solid #e1e5ea;border-radius:14px;padding:8px 13px;font-weight:780}.created-row{grid-template-columns:.8fr minmax(100px,1fr) auto 1.25fr 1fr;align-items:center;gap:10px;padding:18px 16px;display:grid}.created-row b{color:#111827}.created-row code{color:#2c9b8b;text-overflow:ellipsis;white-space:nowrap;background:#eef8f5;border-radius:8px;padding:5px 8px;font-family:SF Mono,JetBrains Mono,ui-monospace,monospace;font-size:.78rem;overflow:hidden}.created-row button{color:#8b95a3;background:#fff;border:1px solid #e0e5eb;border-radius:12px;place-items:center;width:32px;height:32px;display:grid}.created-row strong{color:#2e7d42;text-overflow:ellipsis;white-space:nowrap;background:#eef8f0;border-radius:9px;padding:5px 8px;font-size:.72rem;overflow:hidden}.created-row span{color:#596170;font-size:.76rem}.copy-callout{width:36px;height:36px;animation:12s ease-in-out infinite guide-callout-four;top:61px;left:314px}.guide-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:12px 0 0;padding:0;list-style:none;display:grid}.guide-steps li{color:#645f57;background:#ffffffa8;border:1px solid #e1dbd0bd;border-radius:14px;align-items:center;gap:8px;padding:8px 9px;font-size:.76rem;line-height:1.35;display:flex}.guide-steps b{color:#fff;background:#202020;border-radius:999px;flex:none;place-items:center;width:20px;height:20px;font-size:.7rem;display:grid}.connect-card,.settings-card{background:#fff;border:1px solid #e7e1d8;border-radius:28px;width:min(100%,460px);padding:28px;box-shadow:0 24px 90px #2820121a}.settings-page{color:#202020;background:#fff;min-height:100vh;padding:clamp(16px,4vw,42px)}.settings-card{background:#fff;border:1px solid #e8e8e8;border-radius:28px;width:min(100%,760px);margin:0 auto;padding:clamp(20px,3vw,34px);box-shadow:0 24px 70px #00000014}.welcome-page .connect-card{opacity:0;animation:.72s cubic-bezier(.16,1,.3,1) .78s both hero-card-in;transform:translateY(18px)scale(.982)}.connect-form{gap:16px;margin-top:24px;display:grid}.connect-form label{color:#666;gap:8px;font-size:.9rem;font-weight:700;display:grid}.connect-form input:not([type=checkbox]){color:#111;background:#fff;border:1px solid #ded9d0;border-radius:14px;width:100%;padding:12px 14px}.check-row{align-items:center;gap:8px;display:flex!important}.advanced-connect{background:#faf8f4;border:1px solid #ece6dc;border-radius:14px;padding:12px}.advanced-connect summary{cursor:pointer;font-weight:750}.advanced-connect label{margin-top:12px}.settings-header{gap:24px;margin-bottom:24px;display:grid}.settings-header h1{color:#202020;letter-spacing:-.055em;margin:0;font-size:clamp(2rem,5vw,3rem);font-weight:650;line-height:.98}.settings-header p:not(.eyebrow){color:#666;max-width:560px;margin:10px 0 0;line-height:1.65}.settings-back-button{color:#202020;background:#f7f7f7;border:1px solid #e3e3e3;border-radius:999px;align-items:center;gap:8px;width:fit-content;padding:10px 14px;font-size:.95rem;font-weight:620;text-decoration:none;transition:background .16s,border-color .16s,transform .16s;display:inline-flex}.settings-back-button:hover,.settings-back-button:focus-visible{background:#eee;border-color:#d8d8d8;transform:translateY(-1px)}.settings-section{border-top:1px solid #eee;gap:16px;padding:22px 0;display:grid}.settings-section:last-child{padding-bottom:0}.settings-section-head{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.settings-section h2{color:#202020;letter-spacing:-.02em;margin:0;font-size:1rem;font-weight:650}.settings-section p{color:#777;margin:5px 0 0;font-size:.9rem;line-height:1.55}.settings-form,.settings-field{gap:8px;display:grid}.settings-form{max-width:520px}.settings-form label,.settings-field{color:#555;font-size:.86rem;font-weight:620}.settings-form input:not([type=checkbox]),.settings-field select{color:#202020;background:#fff;border:1px solid #ddd;border-radius:16px;width:100%;padding:12px 13px;font-size:1rem}.settings-field select{appearance:none;background:linear-gradient(45deg,#0000 50%,#777 50%) calc(100% - 18px) calc(50% - 3px)/6px 6px no-repeat,linear-gradient(135deg,#777 50%,#0000 50%) calc(100% - 12px) calc(50% - 3px)/6px 6px no-repeat,#fff}.settings-primary,.ghost-button,.danger-button{border:0;border-radius:999px;padding:11px 15px;font-weight:650}.settings-primary{color:#fff;background:#202020;width:fit-content;margin-top:4px}.ghost-button{color:#202020;background:#f7f7f7;border:1px solid #dfdfdf}.danger-button{color:#9f2f26;background:#fff;border:1px solid #e4e4e4;width:fit-content}.danger-section{border-top-color:#eee}@keyframes pulse{0%,to{opacity:.25;transform:scale(.82)}50%{opacity:1;transform:scale(1)}}@keyframes cursor-blink{0%,45%{opacity:1}46%,to{opacity:0}}@keyframes message-in{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes picker-in{0%{opacity:0;transform:translateY(6px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes hero-kicker-in{0%{opacity:0;filter:blur(6px);transform:translateY(8px)}to{opacity:1;filter:blur();transform:translateY(0)}}@keyframes hero-line-rise{0%{opacity:0;filter:blur(10px);transform:translateY(118%)rotateX(18deg)skewY(2deg)}58%{opacity:1;filter:blur()}to{opacity:1;filter:blur();transform:translate(0,0)rotateX(0)skewY(0)}}@keyframes hero-support-in{0%{opacity:0;filter:blur(6px);transform:translateY(14px)}to{opacity:1;filter:blur();transform:translateY(0)}}@keyframes hero-card-in{0%{opacity:0;filter:blur(7px);transform:translateY(18px)scale(.982)}to{opacity:1;filter:blur();transform:translateY(0)scale(1)}}@keyframes guide-screen-cycle{0%,22%{opacity:1;transform:translate(0)scale(1)}24%,to{opacity:0;transform:translate(-10px)scale(.996)}}@keyframes guide-api-menu-pulse{0%,6%,22%,to{box-shadow:none;color:#586172;background:0 0;transform:translate(0)}10%,19%{color:#232936;background:#fff;transform:translate(4px);box-shadow:0 0 0 3px #ef2f2f29,0 10px 26px #191b201a}}@keyframes guide-callout-pop{0%,7%,22%,to{opacity:0;transform:scale(.9)}11%,19%{opacity:1;transform:scale(1)}}@keyframes guide-create-pulse{0%,31%,47%,to{transform:translateY(0)scale(1);box-shadow:0 14px 30px #4fb5a447}35%,43%{transform:translateY(-2px)scale(1.045);box-shadow:0 17px 38px #4fb5a46b}}@keyframes guide-callout-two{0%,31%,47%,to{opacity:0;transform:scale(.9)}35%,43%{opacity:1;transform:scale(1)}}@keyframes guide-callout-four{0%,80%,97%,to{opacity:0;transform:scale(.9)}84%,93%{opacity:1;transform:scale(1)}}@keyframes guide-nav-pulse{0%,16%,to{box-shadow:none;color:#596170;background:0 0}24%,42%{color:#232936;background:#fff;box-shadow:0 0 0 3px #ef2f2f29,0 10px 26px #191b2014}}@keyframes guide-create-pop{0%,36%,to{transform:translateY(0)scale(1);box-shadow:0 12px 28px #4fb5a442}44%,56%{transform:translateY(-1px)scale(1.045);box-shadow:0 16px 36px #4fb5a461}}@keyframes guide-key-reveal{0%,54%,to{opacity:0;transform:translateY(12px)}66%,88%{opacity:1;transform:translateY(0)}}@keyframes guide-copy-tap{0%,68%,to{color:#8b95a3;background:0 0;transform:scale(1)}76%,84%{color:#2c9b8b;background:#eef8f5;transform:scale(1.12)}}@media (prefers-reduced-motion:reduce){.welcome-kicker,.hero-line-text,.welcome-copy,.welcome-action,.key-guide,.guide-screen,.shot-menu.api,.shot-callout,.keys-empty button,.keys-toolbar button,.welcome-page .connect-card{opacity:1;filter:none;animation:none;transform:none}.guide-screen:not(:first-child){display:none}}@media (width<=1020px){.chat-shell{grid-template-columns:232px minmax(0,1fr)}}@media (width<=760px){.mobile-only{display:grid!important}.chat-shell{background:#fff;grid-template-columns:1fr}.sidebar{z-index:95;width:min(82vw,320px);padding:14px 10px max(16px, env(safe-area-inset-bottom));border-right:1px solid #e7e7e7;border-radius:0 26px 26px 0;transition:left .24s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;top:0;bottom:0;left:-104%;box-shadow:18px 0 56px #00000024}.chat-shell.mobile-nav-open .sidebar,.chat-shell .sidebar.mobile-sidebar-open{left:0}.mobile-sidebar-backdrop{z-index:90;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0003;position:fixed;inset:0;display:block!important}.sidebar .brand{padding:2px 6px 8px}.sidebar-close-button{color:#777;background:0 0;width:32px;height:32px;margin-left:auto}.new-chat-button,.settings-link{box-shadow:none;border-radius:13px;padding:9px 11px}.conversation{background:#fff;grid-template-rows:auto minmax(0,1fr) auto}.topbar{border-bottom-color:#eeeeeee6;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;min-height:56px;padding:8px 12px 7px;display:grid}.topbar .icon-button{background:#f4f2ee;width:36px;height:36px;font-size:1.08rem}.topbar .new-session-icon{background:0 0}.topbar-actions{justify-content:flex-end;display:flex!important}.topbar-main{justify-content:center;min-width:0}.topbar-main>div{text-align:center;min-width:0}.desktop-title{display:none}.topbar h1{max-width:52vw;font-size:.98rem}.pill{padding:7px 10px}.messages{padding:18px 16px 158px}.empty-state{padding:8vh 8px 18vh}.empty-state h2{font-size:clamp(2.15rem,11vw,3.8rem)}.empty-copy{font-size:.92rem}.message-stack{gap:22px;max-width:100%}.message-row.user{border-radius:22px;max-width:86%;padding:11px 15px}.message-row.assistant{max-width:100%}.message-text{font-size:.98rem;line-height:1.72}.message-assets.generated{grid-template-columns:minmax(0,1fr)}.asset-card img{max-width:100%;max-height:70vh}.message-row.user .asset-card img{max-width:180px;max-height:180px}.process-details{max-width:100%}.composer-wrap{z-index:30;width:100%;padding:8px 10px max(9px, env(safe-area-inset-bottom));background:linear-gradient(#fff0,#fff 22%);position:sticky;bottom:0}.composer{border-radius:26px;position:relative;box-shadow:0 12px 34px #1f1f1f24}.composer-row{grid-template-columns:auto minmax(0,1fr) auto;gap:6px;padding:7px 8px}.composer-meta{display:contents;position:static}.composer-meta>.model-picker-trigger{display:none}.model-picker-trigger{gap:5px;max-width:min(34vw,124px);padding:4px 7px 4px 8px}.trigger-model{font-size:.68rem}.trigger-chevron{font-size:.72rem}.model-picker-popover{z-index:80;transform-origin:bottom;background:#fffdf8;border-color:#d6cdbefa;border-radius:24px;grid-template-columns:1fr;width:auto;max-height:min(58vh,430px);display:grid;position:fixed;inset:54px 8px auto;box-shadow:0 18px 60px #1815113d}.tool-menu-trigger{width:36px;height:36px}.tool-menu-popover{right:8px;bottom:calc(62px + env(safe-area-inset-bottom));border-radius:22px;width:auto;padding:9px;position:fixed;left:8px}.model-list{-webkit-overflow-scrolling:touch;background:#fff;max-height:24vh;padding:8px;overflow:auto}.model-option{border-radius:12px;min-height:38px;padding:8px 10px;font-size:.82rem}.reasoning-panel{-webkit-overflow-scrolling:touch;background:#faf7f1;border-top:1px solid #eee8df;border-left:0;max-height:30vh;padding:10px;overflow:auto}.reasoning-eyebrow{font-size:.6rem}.reasoning-panel h3{font-size:.82rem}.reasoning-copy{margin-bottom:2px;font-size:.7rem}.reasoning-option{border-radius:13px;min-height:42px;padding:7px 9px}.reasoning-option span{font-size:.76rem}.reasoning-option small{font-size:.66rem}.composer textarea{min-height:34px;padding:8px 0 4px;font-size:16px}.composer textarea,.connect-form input,.settings-form input,.settings-field select{font-size:16px}.attach-button,.send-button{width:36px;height:36px}.composer-hint{display:none}.pending-assets img{width:66px;height:66px}.welcome-page,.settings-page{grid-template-columns:1fr;padding:18px}.welcome-page{align-items:start;gap:20px}.welcome-hero{max-width:100%}.key-guide{width:100%;margin-top:18px}.guide-stage{border-radius:22px;min-height:358px}.shot-sidebar{width:188px;padding:13px 11px}.shot-brand{gap:8px;margin:-13px -11px 14px;padding:13px 11px 12px}.shot-logo{border-radius:11px;width:34px;height:34px}.shot-brand b{font-size:.86rem}.shot-brand span{font-size:.66rem}.shot-menu{border-radius:12px;gap:8px;min-height:36px;padding:0 10px;font-size:.76rem}.api-callout{width:104px;height:39px;top:101px;left:12px}.keys-toolbar{align-items:stretch;padding:16px 14px 10px}.keys-filters{gap:6px}.keys-filters span{min-width:auto;padding:7px 8px;font-size:.64rem}.keys-toolbar button,.keys-empty button{white-space:nowrap;border-radius:12px;padding:8px 10px}.endpoint-pill{margin:0 14px 10px;font-size:.62rem}.keys-table,.keys-row-table{border-radius:14px;margin:0 14px 18px}.keys-head{grid-template-columns:.8fr 1.2fr 1fr;gap:8px;padding:10px 11px;font-size:.65rem}.keys-head span:nth-child(n+4){display:none}.keys-empty{gap:6px;min-height:116px;padding:10px}.keys-empty i{border-radius:12px;width:34px;height:34px}.keys-empty span{font-size:.72rem}.create-callout{width:105px;height:41px;top:15px;right:13px}.create-modal{border-radius:20px;width:min(92%,368px)}.create-modal header,.create-modal footer{padding:10px 14px}.create-modal label{padding:8px 14px 0;font-size:.7rem}.create-modal em,.create-modal strong{border-radius:11px;padding:8px 10px;font-size:.7rem}.toggle-row{padding:7px 14px 0;font-size:.68rem}.created-row{grid-template-columns:.65fr minmax(86px,1fr) auto;gap:7px;padding:14px 11px}.created-row strong,.created-row span{display:none}.copy-callout{width:32px;height:32px;top:47px;left:min(72vw,238px)}.guide-steps{grid-template-columns:1fr;gap:7px}.guide-steps li{min-height:34px;padding:7px 9px;font-size:.72rem}.welcome-hero h1{font-size:clamp(2.05rem,10.8vw,4.25rem)}.connect-card,.settings-card{padding:22px}}@media (width<=420px){.prompt-chips{justify-content:stretch}.prompt-chips button{flex:auto}}