.ai-page{flex-direction:column;min-height:0;display:flex}.ai-shell{flex-direction:column;gap:0;min-height:0;display:flex}@media (min-width:1024px){.ai-page{height:calc(100dvh - 3.5rem);overflow:hidden}.ai-shell{flex-direction:row;flex:auto;overflow:hidden}}.ai-rail{border-bottom:1px solid var(--border);background:radial-gradient(ellipse 90% 40% at 20% 0%, color-mix(in oklab, var(--brand) 9%, transparent), transparent 70%), var(--background);flex-direction:column;min-height:0;display:flex}@media (min-width:1024px){.ai-rail{border-bottom:0;border-right:1px solid var(--border);flex:0 0 27rem;width:27rem}}.ai-rail__head{border-bottom:1px solid color-mix(in oklab, var(--border) 70%, transparent);padding:1.25rem 1.25rem 1rem}.ai-rail__title{letter-spacing:-.01em;align-items:center;gap:.5rem;font-size:.9375rem;font-weight:600;display:flex}.ai-rail__sub{color:var(--muted-foreground);margin-top:.375rem;font-size:.8125rem;line-height:1.5}.ai-transcript{overscroll-behavior:contain;scroll-behavior:smooth;flex-direction:column;flex:auto;gap:1rem;min-height:12rem;padding:1.25rem;display:flex;overflow-y:auto}@media (max-width:1023px){.ai-transcript{max-height:26rem}}.ai-empty-chat{text-align:center;color:var(--muted-foreground);margin:auto 0;font-size:.8125rem;line-height:1.6}.ai-empty-chat__mark{opacity:.55;margin-bottom:.5rem;font-size:1.5rem;display:block}.ai-msg{gap:.625rem;animation:.45s cubic-bezier(.22,1,.36,1) both ai-rise;display:flex}.ai-msg--user{justify-content:flex-end}.ai-bubble{border-radius:.875rem;max-width:88%;padding:.625rem .8125rem;font-size:.8125rem;line-height:1.55}.ai-msg--user .ai-bubble{background:color-mix(in oklab, var(--primary) 14%, transparent);border:1px solid color-mix(in oklab, var(--primary) 28%, transparent);color:var(--foreground);border-bottom-right-radius:.3125rem}.ai-msg--assistant .ai-bubble{background:var(--card);border:1px solid var(--border);border-bottom-left-radius:.3125rem;flex:auto;min-width:0}.ai-avatar{background:color-mix(in oklab, var(--primary) 16%, transparent);border:1px solid color-mix(in oklab, var(--primary) 30%, transparent);width:1.625rem;height:1.625rem;color:var(--primary);border-radius:.5rem;flex:none;place-items:center;font-size:.75rem;display:grid}.ai-caret{vertical-align:text-bottom;background:var(--primary);width:.45em;height:1em;margin-left:.1em;animation:1s steps(2,start) infinite ai-blink;display:inline-block}.ai-caret--user{background:var(--foreground);opacity:.7}.ai-dots{gap:.25rem;padding:.125rem 0;display:inline-flex}.ai-dots span{background:var(--muted-foreground);border-radius:999px;width:.375rem;height:.375rem;animation:1.1s ease-in-out infinite ai-bounce}.ai-dots span:nth-child(2){animation-delay:.15s}.ai-dots span:nth-child(3){animation-delay:.3s}.ai-code{border:1px solid var(--border);background:#020305;background:lab(.897358% -.109307 -.76443);border-radius:.625rem;margin-top:.75rem;overflow:hidden}.ai-code__head{border-bottom:1px solid var(--border);font-family:var(--font-mono), ui-monospace, monospace;color:var(--muted-foreground);justify-content:space-between;align-items:center;gap:.5rem;padding:.375rem .625rem;font-size:.6875rem;display:flex}.ai-code__copy{color:var(--muted-foreground);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:.25rem;padding:.125rem .25rem;transition:color .15s,background .15s}.ai-code__copy:hover{color:var(--foreground);background:var(--accent)}.ai-code__body{max-height:15rem;font-family:var(--font-mono), ui-monospace, monospace;color:#c9d3e2;white-space:pre;margin:0;padding:.625rem .75rem;font-size:.6875rem;line-height:1.6;overflow:auto}.ai-code__line{animation:.22s ease-out both ai-line-in;display:block}.ai-code__sign{opacity:.8;width:.75rem;display:inline-block}.ai-code__line--add{background:#23d18b21;background:lab(74.6021% -55.5969 22.5099/.13);box-shadow:inset 2px 0 #23d18b}.ai-code__line--del{opacity:.75;background:#f3576b1c;background:lab(59.585% 61.6197 23.2131/.11);box-shadow:inset 2px 0 #f3576b}.ai-code__line--gap{color:color-mix(in oklab, var(--muted-foreground) 70%, transparent);padding-left:.75rem}.ai-tok-key{color:#8fd4ff}.ai-tok-str{color:#f0b429}.ai-tok-num{color:#23d18b}.ai-followups{overscroll-behavior:contain;border-top:1px solid var(--border);background:color-mix(in oklab, var(--card) 45%, transparent);flex-direction:column;flex:none;gap:.4375rem;max-height:30vh;padding:.75rem 1rem;display:flex;overflow-y:auto}.ai-auto{align-items:center;gap:.5rem;min-height:1.25rem;display:flex}.ai-auto__toggle{border:1px solid color-mix(in oklab, var(--primary) 35%, transparent);background:color-mix(in oklab, var(--primary) 12%, transparent);width:1.25rem;height:1.25rem;color:var(--primary);cursor:pointer;border-radius:999px;flex:none;place-items:center;transition:background .15s,border-color .15s;display:grid}.ai-auto__toggle[aria-pressed=false]{border-color:var(--border);color:var(--muted-foreground);background:0 0}.ai-auto__label{text-overflow:ellipsis;white-space:nowrap;text-transform:uppercase;letter-spacing:.06em;min-width:0;color:var(--muted-foreground);flex:0 auto;font-size:.6875rem;overflow:hidden}.ai-auto__bar{background:var(--border);border-radius:999px;flex:auto;min-width:2rem;height:2px;overflow:hidden}.ai-auto__fill{transform-origin:0;background:var(--primary);width:100%;height:100%;animation:linear forwards ai-progress;display:block}.ai-followups__label{text-transform:uppercase;letter-spacing:.08em;color:var(--muted-foreground);font-size:.6875rem}.ai-quick{flex-wrap:wrap;gap:.3125rem;display:flex}.ai-quick__chip{border:1px solid var(--border);background:var(--card);color:var(--foreground);cursor:pointer;border-radius:999px;padding:.25rem .625rem;font-size:.75rem;transition:color .15s,border-color .15s,background .15s,transform .15s cubic-bezier(.22,1,.36,1)}.ai-quick__chip:hover:not(:disabled){border-color:color-mix(in oklab, var(--primary) 50%, transparent);background:color-mix(in oklab, var(--primary) 10%, var(--card));transform:translateY(-1px)}.ai-quick__chip:disabled{opacity:.45;cursor:default}.ai-quick__chip--next{border-color:color-mix(in oklab, var(--primary) 55%, transparent);background:color-mix(in oklab, var(--primary) 12%, var(--card))}.ai-starters{border-bottom:1px solid var(--border);background:radial-gradient(ellipse 60% 200% at 12% 50%, color-mix(in oklab, var(--brand) 8%, transparent), transparent 70%), color-mix(in oklab, var(--card) 45%, var(--background));flex:none;align-items:center;gap:.75rem;padding:.5rem 1rem;display:flex}.ai-starters__label{text-transform:uppercase;letter-spacing:.08em;color:var(--muted-foreground);white-space:nowrap;flex:none;font-size:.6875rem}.ai-starters__row{overscroll-behavior-x:contain;scrollbar-width:none;align-items:center;gap:.3125rem;min-width:0;padding:.125rem 0;display:flex;overflow-x:auto}.ai-starters__row::-webkit-scrollbar{display:none}.ai-starter{border:1px solid var(--border);background:var(--card);color:var(--foreground);cursor:pointer;white-space:nowrap;border-radius:999px;flex:none;align-items:center;gap:.4375rem;padding:.3125rem .6875rem .3125rem .375rem;transition:border-color .18s,background .18s,transform .18s cubic-bezier(.22,1,.36,1);display:inline-flex}.ai-starter:hover:not(:disabled){border-color:color-mix(in oklab, var(--primary) 45%, transparent);background:color-mix(in oklab, var(--primary) 8%, var(--card));transform:translateY(-1px)}.ai-starter[aria-pressed=true]{border-color:color-mix(in oklab, var(--primary) 60%, transparent);background:color-mix(in oklab, var(--primary) 12%, var(--card))}.ai-starter:disabled{opacity:.5;cursor:default}.ai-starter__glyph{background:color-mix(in oklab, var(--primary) 16%, transparent);width:1.25rem;height:1.25rem;color:var(--primary);border-radius:999px;flex:none;place-items:center;font-size:.6875rem;display:grid}.ai-starter__title{font-size:.75rem;font-weight:550;line-height:1.3}.ai-canvas{background:linear-gradient(to right, #ffffff08 1px, transparent 1px) 0 0 / 56px 56px, linear-gradient(to bottom, #ffffff08 1px, transparent 1px) 0 0 / 56px 56px, var(--background);flex-direction:column;flex:auto;min-width:0;min-height:0;padding:1rem;display:flex}@supports (color:lab(0% 0 0)){.ai-canvas{background:linear-gradient(to right, lab(100% 0 0/.03) 1px, transparent 1px) 0 0 / 56px 56px, linear-gradient(to bottom, lab(100% 0 0/.03) 1px, transparent 1px) 0 0 / 56px 56px, var(--background)}}@media (max-width:1023px){.ai-canvas{height:auto}.ai-viewport{overflow:visible}}.ai-frame{border:1px solid var(--border);--frame-ink:#ffffff24;background:#12151c;border-radius:.875rem;flex-direction:column;flex:auto;min-height:0;display:flex;overflow:hidden;box-shadow:0 24px 60px -30px #000c}.ai-frame__bar{border-bottom:1px solid var(--border);background:color-mix(in oklab, var(--card) 80%, transparent);flex:none;align-items:center;gap:.625rem;padding:.5rem .75rem;display:flex}.ai-lights{gap:.3125rem;display:flex}.ai-lights i{background:var(--frame-ink);border-radius:999px;width:.5rem;height:.5rem}.ai-frame--light{--frame-ink:#00000029}.ai-frame--light .ai-phone{box-shadow:0 0 0 8px #0000001f,0 30px 70px -30px #00000073}.ai-url{border:1px solid var(--border);min-width:0;font-family:var(--font-mono), ui-monospace, monospace;color:var(--muted-foreground);text-align:center;text-overflow:ellipsis;white-space:nowrap;background:#8080801a;border-radius:.375rem;flex:auto;padding:.1875rem .5rem;font-size:.6875rem;overflow:hidden}.ai-status{color:var(--muted-foreground);border:1px solid var(--border);border-radius:999px;flex:none;align-items:center;gap:.375rem;padding:.125rem .5rem;font-size:.6875rem;display:inline-flex}.ai-status i{background:var(--muted-foreground);border-radius:999px;width:.375rem;height:.375rem}.ai-status--building i{background:var(--primary);animation:1.1s ease-in-out infinite ai-pulse}.ai-status--ready i{background:var(--up)}.ai-viewport{overscroll-behavior:contain;flex:auto;min-height:0;padding:.75rem;position:relative;overflow-y:auto}.ai-grid{grid-template-columns:repeat(12,minmax(0,1fr));align-content:start;gap:.75rem;display:grid}@media (max-width:900px){.ai-grid{grid-template-columns:minmax(0,1fr)}.ai-cell{grid-column:span 1/span 1!important}}.ai-cell{border-radius:.75rem;min-width:0;position:relative}.ai-cell--in{animation:.55s cubic-bezier(.22,1,.36,1) both ai-rise}.ai-cell__ring{border:1px solid color-mix(in oklab, var(--primary) 70%, transparent);pointer-events:none;border-radius:.8125rem;animation:.9s ease-out forwards ai-flash;position:absolute;inset:-1px}.ai-viewport--phone{justify-content:center;padding:1.25rem .75rem;display:flex}.ai-phone{border:1px solid;border-radius:2rem;align-self:flex-start;width:390px;max-width:100%;padding:1.5rem .75rem 1rem;position:relative;box-shadow:0 0 0 8px #00000059,0 30px 70px -30px #000000e6}.ai-phone__notch{opacity:.25;background:currentColor;border-radius:999px;width:5rem;height:.3125rem;position:absolute;top:.5rem;left:50%;transform:translate(-50%)}.ai-viewport--phone .ai-grid{grid-template-columns:minmax(0,1fr);gap:.375rem}.ai-viewport--phone .ai-cell{grid-column:span 1/span 1!important}.ai-bare{flex-direction:column;height:100%;min-height:0;display:flex}.ai-bare__cap{text-transform:uppercase;letter-spacing:.09em;border-top:1px solid;flex:none;margin-bottom:.125rem;padding:.375rem .25rem .4375rem;font-size:.625rem}.ai-bare__body{flex:auto;min-height:0}.ai-card{border:1px solid;flex-direction:column;height:100%;display:flex;overflow:hidden}.ai-card__head{border-bottom:1px solid;flex:none;align-items:center;gap:.5rem;height:30px;padding:0 .625rem;font-size:.6875rem;display:flex}.ai-card__sym{letter-spacing:.01em;font-weight:600}.ai-card__live{align-items:center;gap:.3125rem;margin-left:auto;display:inline-flex}.ai-card__live i{background:currentColor;border-radius:999px;width:.375rem;height:.375rem;animation:1.6s ease-in-out infinite ai-pulse}.ai-card__body{flex:auto;min-height:0}.ai-chart-loading{background:linear-gradient(100deg,#8080800f 30%,#80808024 50%,#8080800f 70%) 0 0/300% 100%;height:100%;animation:1.4s linear infinite ai-shimmer}.ai-skel{background:#8080800d;border:1px dashed;flex-direction:column;gap:.5rem;height:100%;padding:.6875rem;display:flex;overflow:hidden}.ai-skel__label{font-family:var(--font-mono), ui-monospace, monospace;color:color-mix(in oklab, var(--primary) 70%, var(--muted-foreground));opacity:.8;font-size:.6875rem}.ai-skel__bar{background:linear-gradient(100deg,#80808014 30%,#80808033 50%,#80808014 70%) 0 0/300% 100%;border-radius:999px;height:.5rem;animation:1.6s linear infinite ai-shimmer}.ai-skel__fill{background:linear-gradient(100deg,#8080800f 30%,#80808026 50%,#8080800f 70%) 0 0/300% 100%;border-radius:.5rem;flex:auto;animation:1.6s linear infinite ai-shimmer}.ai-empty{text-align:center;place-content:center;justify-items:center;gap:.625rem;height:100%;min-height:20rem;padding:2rem;display:grid}.ai-empty__mark{opacity:.5;font-size:1.75rem}.ai-empty__title{font-size:.9375rem;font-weight:600}.ai-empty__sub{color:var(--muted-foreground);max-width:26rem;font-size:.8125rem;line-height:1.6}.ai-legend{color:var(--muted-foreground);flex-wrap:wrap;flex:none;align-items:center;gap:.375rem;padding-top:.75rem;font-size:.6875rem;display:flex}.ai-chip{border:1px solid var(--border);font-family:var(--font-mono), ui-monospace, monospace;background:color-mix(in oklab, var(--card) 60%, transparent);border-radius:999px;padding:.125rem .5rem;animation:.35s ease-out both ai-rise}.ai-chip--accent{color:var(--primary);border-color:color-mix(in oklab, var(--primary) 35%, transparent)}@keyframes ai-rise{0%{opacity:0;transform:translateY(10px)scale(.985)}to{opacity:1;transform:none}}@keyframes ai-line-in{0%{opacity:0;transform:translate(-4px)}to{opacity:1;transform:none}}@keyframes ai-shimmer{0%{background-position:150% 0}to{background-position:-150% 0}}@keyframes ai-blink{50%{opacity:0}}@keyframes ai-bounce{0%,60%,to{opacity:.5;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}@keyframes ai-pulse{0%,to{opacity:1}50%{opacity:.25}}@keyframes ai-progress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes ai-flash{0%{opacity:1;box-shadow:0 0 0 0 color-mix(in oklab, var(--primary) 35%, transparent)}to{opacity:0;box-shadow:0 0 0 10px #0000}}@media (prefers-reduced-motion:reduce){.ai-msg,.ai-cell--in,.ai-code__line,.ai-chip,.ai-skel__bar,.ai-skel__fill,.ai-chart-loading,.ai-caret,.ai-dots span,.ai-status--building i,.ai-card__live i{animation:none}.ai-cell__ring,.ai-auto__bar{display:none}.ai-starter:hover:not(:disabled),.ai-quick__chip:hover:not(:disabled){transform:none}.ai-transcript{scroll-behavior:auto}}