:root{--aic-background: #ffffff;--aic-surface-raised: #f4f4f5;--aic-surface-hover: #e4e4e7;--aic-border: #e4e4e7;--aic-border-focus: #0f766e;--aic-text: #18181b;--aic-text-muted: #71717a;--aic-text-placeholder: #a1a1aa;--aic-accent: #0f766e;--aic-accent-hover: #115e59;--aic-accent-contrast: #f0fdfa;--aic-accent-disabled: #dce8e5;--aic-accent-disabled-contrast: #647b76;--aic-chip-background: #f4f4f5;--aic-chip-text: #3f3f46;--aic-chip-radius: 4px;--aic-chip-mention-background: #e8f1ff;--aic-chip-mention-text: #1d5fd6;--aic-chip-command-background: #f3ecfe;--aic-chip-command-text: #7a3af0;--aic-chip-variable-background: #fdf3d5;--aic-chip-variable-text: #96660a;--aic-chip-hashtag-background: #e5f8ed;--aic-chip-hashtag-text: #177245;--aic-radius: 12px;--aic-radius-sm: 8px;--aic-border-width: 1px;--aic-input-padding: 12px 16px;--aic-input-min-height: 52px;--aic-input-max-height: 40vh;--aic-toolbar-height: 44px;--aic-font-size: 15px;--aic-font-family: inherit;--aic-shadow: 0 1px 2px rgb(24 24 27 / 4%), 0 5px 16px rgb(24 24 27 / 7%);--aic-shadow-raised: 0 4px 6px -1px rgb(0 0 0 / 10%), 0 2px 4px -2px rgb(0 0 0 / 10%);--aic-focus-ring: 0 0 0 3px rgb(15 118 110 / 16%);--aic-transition: .15s cubic-bezier(.4, 0, .2, 1);--aic-z-suggestions: 30}.aic-root,.aic-root *,.aic-root *:before,.aic-root *:after{box-sizing:border-box}.aic-root [hidden]{display:none!important}.aic-root{position:relative;display:flex;flex-direction:column;min-width:0;background:var(--aic-background);border:var(--aic-border-width) solid var(--aic-border);border-radius:var(--aic-radius);box-shadow:var(--aic-shadow);font-family:var(--aic-font-family);font-size:var(--aic-font-size);color:var(--aic-text);line-height:1.6;transition:border-color var(--aic-transition),box-shadow var(--aic-transition),background-color var(--aic-transition);--aic-input-max-height: 200px}.aic-root:focus-within{border-color:var(--aic-border-focus);box-shadow:var(--aic-focus-ring),var(--aic-shadow)}.aic-root[data-aic-disabled=true]{opacity:.55;pointer-events:none}.aic-body{position:relative;display:flex;flex-direction:column}.aic-input-wrap{position:relative}.aic-input-host{display:block;height:auto;padding:var(--aic-input-padding);min-height:var(--aic-input-min-height);max-height:var(--aic-input-max-height);outline:none;overflow-y:auto;white-space:pre-wrap;word-break:break-word;line-height:1.55;caret-color:var(--aic-accent)}.aic-input-host[data-aic-empty=""][data-placeholder]:not(:focus):before{content:attr(data-placeholder);color:var(--aic-text-placeholder);pointer-events:none}.aic-chip{display:inline-flex;align-items:center;position:relative;overflow:hidden;background:var(--aic-chip-background);color:var(--aic-chip-text);border-radius:var(--aic-chip-radius);margin:0 1px;padding:1px 6px;font-size:.875em;font-weight:500;line-height:1.5;white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;vertical-align:baseline;transition:background-color var(--aic-transition),transform .15s cubic-bezier(.4,0,.2,1),box-shadow var(--aic-transition)}.aic-chip:hover{background:var(--aic-surface-hover);box-shadow:0 1px 4px #00000014}.aic-chip:active{transform:scale(.93);background:var(--aic-surface-hover)}.aic-chip[data-aic-node=mention]{background:var(--aic-chip-mention-background);color:var(--aic-chip-mention-text)}.aic-chip[data-aic-node=command]{background:var(--aic-chip-command-background);color:var(--aic-chip-command-text)}.aic-chip[data-aic-node=variable]{background:var(--aic-chip-variable-background);color:var(--aic-chip-variable-text)}.aic-chip[data-aic-node=custom]{background:var(--aic-chip-hashtag-background);color:var(--aic-chip-hashtag-text)}.aic-suggestions{list-style:none;box-sizing:border-box;margin:0;min-width:230px;max-height:260px;padding:6px;background:var(--aic-background);border:var(--aic-border-width) solid var(--aic-border);border-radius:12px;box-shadow:var(--aic-shadow-raised);overflow-y:auto;overscroll-behavior:contain;z-index:var(--aic-z-suggestions);animation:aic-pop-in .14s cubic-bezier(.16,1,.3,1)}@keyframes aic-pop-in{0%{opacity:0;transform:scale(.97) translateY(2px)}}.aic-suggestion{display:flex;flex-direction:column;gap:1px;padding:6px 10px;border-radius:var(--aic-radius-sm);cursor:pointer}.aic-suggestion.aic-active,.aic-suggestion:hover{background:var(--aic-surface-raised)}.aic-suggestion-label{font-weight:500;font-size:.9em}.aic-suggestion-description{color:var(--aic-text-muted);font-size:.8em}.aic-suggestion-footer{display:flex;align-items:center;gap:4px;margin-top:4px;padding:6px 10px 4px;border-top:var(--aic-border-width) solid var(--aic-border);color:var(--aic-text-placeholder);font-size:11.5px;cursor:default}.aic-suggestion-footer kbd{font-family:var(--aic-font-family);font-size:10.5px;line-height:1;padding:2px 5px;border:var(--aic-border-width) solid var(--aic-border);border-bottom-width:2px;border-radius:4px;background:var(--aic-surface-raised);color:var(--aic-text-muted)}.aic-suggestion-footer span{flex:1;text-align:center}.aic-suggestion-footer span:before{content:"·"}.aic-attachments{display:flex;flex-wrap:wrap;gap:6px;padding:var(--aic-input-padding)}.aic-attachment{display:inline-flex;align-items:center;gap:6px;background:var(--aic-surface-raised);border:none;border-radius:8px;padding:3px 8px;font-size:.85em;color:var(--aic-text)}.aic-attachment-remove{display:inline-flex;align-items:center;justify-content:center;border:none;background:none;color:var(--aic-text-muted);cursor:pointer;padding:2px;line-height:0;border-radius:4px}.aic-attachment-remove:hover{color:var(--aic-text);background:var(--aic-surface-hover)}.aic-toolbar{display:flex;align-items:center;justify-content:flex-end;gap:8px;min-height:var(--aic-toolbar-height);padding:6px 12px 10px}.aic-toolbar button{min-width:32px;height:32px;padding:0;border:none;border-radius:999px;background:transparent;color:var(--aic-text-muted);font-size:1em;line-height:1;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:background var(--aic-transition),color var(--aic-transition),transform .1s cubic-bezier(.4,0,.2,1)}.aic-toolbar button svg{display:block;pointer-events:none}.aic-toolbar button:hover:not(:disabled){background:var(--aic-surface-raised);color:var(--aic-text)}.aic-toolbar button:active:not(:disabled){transform:scale(.92)}.aic-toolbar button:disabled{opacity:.4;cursor:default}.aic-toolbar button:focus-visible{outline:2px solid var(--aic-border-focus);outline-offset:1px}.aic-toolbar button[data-aic-action=submit]{width:36px;min-width:36px;height:36px;padding:0;background:var(--aic-accent);color:var(--aic-accent-contrast);box-shadow:0 1px 2px #0f766e2e}.aic-toolbar button[data-aic-action=submit]:hover:not(:disabled){background:var(--aic-accent-hover)}.aic-toolbar button[data-aic-action=submit]:active:not(:disabled){transform:scale(.92)}.aic-toolbar button[data-aic-action=submit]:disabled{background:var(--aic-accent-disabled);color:var(--aic-accent-disabled-contrast);opacity:1}.aic-spinner{display:inline-block;width:14px;height:14px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:aic-spin .7s linear infinite}@keyframes aic-spin{to{transform:rotate(360deg)}}.aic-header,.aic-footer{padding:8px 16px;color:var(--aic-text-muted);font-size:.9em}.aic-header:is(:empty),.aic-footer:is(:empty){display:none}.aic-root[data-aic-mode=compact]{--aic-radius: 999px;--aic-input-padding: 6px 16px;--aic-input-min-height: 34px;--aic-input-max-height: 120px;flex-direction:row;align-items:center;box-shadow:var(--aic-shadow)}.aic-root[data-aic-mode=compact] .aic-body{flex:1;min-width:0;flex-direction:row;align-items:center}.aic-root[data-aic-mode=compact] .aic-input-wrap{flex:1;min-width:0}.aic-root[data-aic-mode=compact] .aic-attachments{flex:none;flex-wrap:nowrap;gap:4px;padding:0 0 0 10px}.aic-root[data-aic-mode=compact] .aic-toolbar{flex:none;min-height:0;gap:0;padding:0 5px 0 0}.aic-root[data-aic-mode=compact] .aic-toolbar button{width:30px;min-width:30px;height:30px;padding:0}.aic-root[data-aic-mode=compact] .aic-toolbar button[data-aic-action=submit]{width:30px;min-width:30px;height:30px}.aic-root[data-aic-mode=compact][data-aic-multiline]{--aic-radius: 16px;flex-direction:column;align-items:stretch}.aic-root[data-aic-mode=compact][data-aic-multiline] .aic-body{flex-direction:column;align-items:stretch}.aic-root[data-aic-mode=compact][data-aic-multiline] .aic-input-host{min-height:60px}.aic-root[data-aic-mode=compact][data-aic-multiline] .aic-attachments{flex-wrap:wrap;padding:10px 14px 0}.aic-root[data-aic-mode=compact][data-aic-multiline] .aic-toolbar{padding:4px 8px 8px;justify-content:flex-end}.aic-root[data-aic-mode=chat]{--aic-input-min-height: 28px;--aic-radius: 16px;--aic-input-max-height: min(200px, 55vh)}@supports (height: 1dvh){.aic-root[data-aic-mode=chat]{--aic-input-max-height: min(200px, 55dvh)}}.aic-root[data-aic-mode=chat] .aic-input-host{padding:14px 16px 2px}.aic-root[data-aic-mode=chat] .aic-toolbar{border-top:none;padding:4px 8px 8px}.aic-root[data-aic-mode=expanded]{--aic-radius: 20px;--aic-input-min-height: 220px;--aic-input-max-height: 60vh}@supports (height: 1dvh){.aic-root[data-aic-mode=expanded]{--aic-input-max-height: 60dvh}}.aic-root[data-aic-mode=expanded] .aic-toolbar{border-top:var(--aic-border-width) solid var(--aic-border);justify-content:space-between}.aic-root[data-aic-mode=expanded] .aic-toolbar:before{content:"Expanded editor";font-size:.8em;color:var(--aic-text-placeholder)}@media(prefers-reduced-motion:reduce){.aic-root,.aic-root *{transition:none!important;animation:none!important}}@media(prefers-contrast:more){.aic-root{border-width:2px}.aic-suggestion.aic-active{outline:2px solid currentColor}}.aic-root[data-aic-theme=dark],[data-aic-theme=dark] .aic-root{--aic-background: #202024;--aic-surface-raised: #2b2b31;--aic-surface-hover: #35353c;--aic-border: rgb(255 255 255 / 14%);--aic-border-focus: #5ed6c0;--aic-text: #f4f4f5;--aic-text-muted: #a1a1aa;--aic-text-placeholder: #565660;--aic-accent: #fafafa;--aic-accent-hover: #d4d4d8;--aic-accent-contrast: #18181b;--aic-accent-disabled: #3f3f46;--aic-accent-disabled-contrast: #c4c4cc;--aic-chip-background: #2b2b31;--aic-chip-text: #d4d4d8;--aic-chip-mention-background: #1c2c47;--aic-chip-mention-text: #8cb4f8;--aic-chip-command-background: #2e2246;--aic-chip-command-text: #c4a8fb;--aic-chip-variable-background: #3a2f16;--aic-chip-variable-text: #ecc36b;--aic-chip-hashtag-background: #14352a;--aic-chip-hashtag-text: #7ed9a9;--aic-shadow: 0 1px 2px rgb(0 0 0 / 40%), 0 4px 12px rgb(0 0 0 / 30%);--aic-shadow-raised: 0 4px 6px -1px rgb(0 0 0 / 40%), 0 2px 4px -2px rgb(0 0 0 / 40%);--aic-focus-ring: 0 0 0 3px rgb(94 214 192 / 18%)}:root{--background: #fafafa;--foreground: #18181b;--card: #ffffff;--card-foreground: #18181b;--muted: #f4f4f5;--muted-foreground: #71717a;--accent: #f4f4f5;--accent-foreground: #18181b;--border: #e4e4e7;--border-strong: #d4d4d8;--primary: #18181b;--primary-foreground: #fafafa;--link: #0f766e;--code-bg: #f4f4f5;--ring: rgb(24 24 27 / 10%);--header-bg: rgb(250 250 250 / 85%);--radius: .625rem;--font-sans: "Geist", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono: "Geist Mono", ui-monospace, "SF Mono", Menlo, monospace;--sidebar-w: 232px;--toc-w: 184px;--content-w: 712px}.dark{--background: #131316;--foreground: #f4f4f5;--card: #1c1c20;--card-foreground: #f4f4f5;--muted: #232327;--muted-foreground: #9d9da6;--accent: #232327;--accent-foreground: #f4f4f5;--border: #2a2a30;--border-strong: #3a3a41;--primary: #f4f4f5;--primary-foreground: #18181b;--link: #75cdbd;--code-bg: #1c1c20;--ring: rgb(255 255 255 / 12%);--header-bg: rgb(19 19 22 / 85%)}@font-face{font-family:Geist;src:url(/AIComposer/fonts/GeistVF.woff2) format("woff2");font-weight:100 900;font-display:swap}@font-face{font-family:Geist Mono;src:url(/AIComposer/fonts/GeistMonoVF.woff2) format("woff2");font-weight:100 900;font-display:swap}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:84px}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{margin:0;background:var(--background);color:var(--foreground);font-family:var(--font-sans);font-size:15px;line-height:1.65;-webkit-font-smoothing:antialiased}::selection{background:#18181b1f}.dark ::selection{background:#ffffff29}a{color:var(--link);text-decoration:none}code{font-family:var(--font-mono);font-size:.85em;background:var(--code-bg);border-radius:5px;padding:.1em .4em}.shiki,.shiki span{color:var(--shiki-light)}.dark .shiki,.dark .shiki span{color:var(--shiki-dark)!important}.site-header{position:sticky;top:0;z-index:50;display:flex;align-items:center;gap:20px;height:60px;padding:0 24px;background:var(--header-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}.site-logo{display:inline-flex;align-items:center;gap:9px;font-weight:650;font-size:15.5px;letter-spacing:-.01em}.site-logo-mark{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:8px;background:var(--primary);color:var(--primary-foreground);font-size:13px;font-weight:700}.site-header nav{display:flex;align-items:center;gap:4px;margin-left:8px}.site-header nav a{padding:6px 10px;border-radius:8px;font-size:13.5px;color:var(--muted-foreground);transition:color .12s,background .12s}.site-header nav a:hover{color:var(--foreground);background:var(--accent)}.site-header .spacer{flex:1}.site-header .github-link{display:inline-flex;align-items:center;gap:7px;padding:6px 12px;border:1px solid var(--border);border-radius:8px;font-size:13px;color:var(--muted-foreground);transition:color .12s,border-color .12s}.site-header .github-link:hover{color:var(--foreground);border-color:var(--border-strong)}.page-layout{display:flex;justify-content:center;gap:40px;padding:32px 24px 96px}.content-column{width:min(100%,var(--content-w));min-width:0}.sidebar{position:sticky;top:92px;align-self:flex-start;width:var(--sidebar-w);flex:none;max-height:calc(100vh - 116px);overflow-y:auto;font-size:13.5px}.sidebar-group{margin-bottom:22px}.sidebar-group h5{margin:0 0 6px;padding:0 10px;font-size:11.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--muted-foreground)}.sidebar-group a{display:block;padding:4.5px 10px;border-radius:7px;color:var(--muted-foreground);border-left:2px solid transparent;transition:color .1s,background .1s}.sidebar-group a:hover{color:var(--foreground)}.sidebar-group a.active{color:var(--foreground);background:var(--accent);border-left-color:#16866f;font-weight:500}.toc{position:sticky;top:92px;align-self:flex-start;width:var(--toc-w);flex:none;max-height:calc(100vh - 116px);overflow-y:auto;font-size:12.5px}.toc h5{margin:0 0 8px;font-size:11.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--muted-foreground)}.toc a{display:block;padding:3px 0 3px 12px;border-left:2px solid var(--border);color:var(--muted-foreground);transition:color .1s,border-color .1s}.toc a:hover{color:var(--foreground)}.toc a.active{color:var(--link);border-left-color:var(--link);font-weight:500}.toc a.level-3{padding-left:24px}@media(max-width:1240px){.toc{display:none}}@media(max-width:960px){.sidebar{display:none}}.section{margin-bottom:72px;scroll-margin-top:84px}.section>h2{display:flex;align-items:center;gap:10px;margin:0 0 6px;font-size:24px;font-weight:700;letter-spacing:-.02em}.section>h2 .section-anchor{opacity:0;font-weight:400;color:var(--muted-foreground);transition:opacity .12s}.section>h2:hover .section-anchor{opacity:1}.section>.section-lead{margin:0 0 24px;color:var(--muted-foreground);font-size:15.5px;max-width:62ch}h3.sub{margin:36px 0 10px;font-size:17px;font-weight:650;letter-spacing:-.01em;scroll-margin-top:84px}h4.sub{margin:26px 0 8px;font-size:14.5px;font-weight:650;scroll-margin-top:84px}.prose-p{margin:0 0 14px;color:var(--foreground);max-width:68ch}.prose-p.muted{color:var(--muted-foreground)}.prose-ul{margin:0 0 16px;padding-left:22px;max-width:68ch}.prose-ul li{margin-bottom:6px}.framework-picker{display:flex;gap:4px;width:fit-content;max-width:100%;margin:0 0 28px;padding:4px;overflow-x:auto;border:1px solid var(--border);border-radius:8px;background:var(--muted);scrollbar-width:thin}.framework-picker a{flex:0 0 auto;padding:6px 10px;border-radius:5px;color:var(--muted-foreground);font-size:12.5px;font-weight:550}.framework-picker a:hover,.framework-picker a:focus-visible{background:var(--card);color:var(--foreground);outline:none}.framework-picker a:focus-visible{box-shadow:0 0 0 2px var(--link)}.hero{position:relative;overflow:hidden;padding:52px 30px 28px;border:1px solid var(--border);border-radius:22px;margin:34px 0 64px;background:radial-gradient(ellipse at 50% 0%,color-mix(in srgb,var(--link) 12%,transparent),transparent 62%),var(--card);box-shadow:0 16px 50px #18181b0d}.hero .badge{display:inline-flex;align-items:center;gap:7px;padding:4px 12px;border:1px solid var(--border);border-radius:999px;font-size:12.5px;color:var(--muted-foreground);margin-bottom:22px}.hero .badge .dot{width:6px;height:6px;border-radius:999px;background:#22c55e}.hero h1{margin:0 0 6px;font-size:clamp(38px,5vw,54px);font-weight:750;letter-spacing:-.035em;line-height:1.08}.hero-promise{margin:0 0 12px;color:var(--link);font-size:clamp(20px,3vw,26px);font-weight:650;letter-spacing:-.025em;line-height:1.25}.hero .tagline{margin:0 0 24px;font-size:16px;color:var(--muted-foreground);max-width:62ch}.hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:28px}.hero .btn-primary{background:var(--link);color:var(--primary-foreground);font-weight:600}.btn-primary{display:inline-flex;align-items:center;gap:8px;padding:8px 18px;border:none;border-radius:10px;background:var(--primary);color:var(--primary-foreground);font-size:14px;font-weight:550;font-family:var(--font-sans);cursor:pointer;transition:opacity .12s}.btn-primary:hover{opacity:.88}.btn-secondary{display:inline-flex;align-items:center;gap:8px;padding:8px 18px;border:1px solid var(--border-strong);border-radius:10px;background:transparent;color:var(--foreground);font-size:14px;font-family:var(--font-sans);cursor:pointer;transition:background .12s}.btn-secondary:hover{background:var(--accent)}.hero-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));max-width:590px;padding:16px 0 22px;margin-bottom:12px;border-top:1px solid var(--border)}.hero-stat{display:flex;flex-direction:column;gap:2px;padding:0 16px;border-right:1px solid var(--border)}.hero-stat:first-child{padding-left:0}.hero-stat:last-child{border-right:0}.hero-stat strong{font-size:20px;font-weight:700;letter-spacing:-.03em;line-height:1.2}.hero-stat span{color:var(--muted-foreground);font-size:11.5px;line-height:1.35}.hero-demo{padding:18px;border-radius:16px;border:1px solid var(--border);background:radial-gradient(circle at 16px 16px,var(--border) 1px,transparent 1.2px) 0 0 / 20px 20px,var(--card);box-shadow:0 6px 22px #18181b0d;display:flex;flex-direction:column;align-items:center;justify-content:center}.hero-demo-caption{display:flex;align-items:center;gap:7px;width:min(560px,100%);margin-bottom:10px;color:var(--foreground);font-size:11.5px;font-weight:600}.hero-demo-caption>span:last-child{color:var(--muted-foreground);font-weight:400}.hero-demo-caption-dot{width:7px;height:7px;flex:0 0 auto;border-radius:50%;background:#22c55e;box-shadow:0 0 0 3px #22c55e1f}.hero-demo .hero-demo-inner{width:min(560px,100%)}.hero-composer .aic-header{padding:12px 16px 4px}.hero-composer-context{display:flex;align-items:center;gap:9px;min-height:24px;color:var(--muted-foreground);font-size:12px}.hero-composer-live{width:7px;height:7px;flex:0 0 auto;border-radius:50%;background:#16866f}.hero-composer-context-label{color:var(--foreground);font-weight:600}.hero-composer-ticket{padding:2px 7px;border:1px solid var(--border);border-radius:4px;font-family:var(--font-mono);font-size:10.5px}.hero-composer-toolbar{display:flex;align-items:center;gap:10px;width:100%}.hero-composer-toolbar>.aic-toolbar-submit{flex:0 0 auto;margin-left:auto}.hero-composer-tools{display:flex;gap:6px}.hero-composer-tools button{min-height:30px;padding:4px 9px;border:1px solid var(--border);border-radius:5px;background:transparent;color:var(--muted-foreground);font:inherit;font-size:11.5px;cursor:pointer}.hero-composer-tools button:hover,.hero-composer-tools button:focus-visible{border-color:var(--border-strong);background:var(--muted);color:var(--foreground)}.hero-composer-shortcut{margin-left:auto;color:var(--muted-foreground);font-size:11px}.hero-composer-shortcut kbd{padding:2px 5px;border:1px solid var(--border);border-bottom-width:2px;border-radius:4px;font:inherit;font-size:10px}@media(max-width:640px){.site-header{gap:10px;padding-inline:12px}.site-logo{flex:0 0 auto;gap:6px;font-size:14px}.site-header nav{flex:1 1 auto;min-width:0;margin-left:0;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none}.site-header nav::-webkit-scrollbar{display:none}.site-header nav a{flex:0 0 auto;padding:6px 7px;font-size:12px;white-space:nowrap}.site-header .spacer,.site-header .github-link{display:none}.theme-toggle{flex:0 0 auto}.page-layout{padding:20px 16px 64px}.section{margin-bottom:56px}.hero{padding:32px 18px 18px;margin-bottom:44px;border-radius:16px}.hero h1{font-size:clamp(34px,9vw,42px)}.hero .tagline{font-size:14.5px}.hero-promise{font-size:clamp(19px,5vw,23px)}.hero-stats{padding-top:13px;padding-bottom:17px}.hero-stat{padding-inline:9px}.hero-stat strong{font-size:17px}.hero-stat span{font-size:10px}.hero-demo{padding:12px;border-radius:11px}.hero-demo-caption{flex-wrap:wrap;gap:5px;font-size:10.5px}.hero-composer .aic-header{padding:10px 12px 4px}.hero-composer .aic-input-host{padding-left:12px;padding-right:12px}.hero-composer-toolbar{gap:6px}.hero-composer-tools{gap:4px}.hero-composer-tools button{padding-inline:7px;font-size:11px}.hero-composer-shortcut{display:none}.framework-picker{width:100%}.sb-embed-bar .tabs{min-width:0;overflow-x:auto}.sb-embed-bar .tab{flex:0 0 auto;padding-inline:10px}.sb-fullscreen{margin-right:4px;padding-inline:7px;font-size:11px;white-space:nowrap}.sb-embed-frame{height:min(620px,72dvh)}}.code-block{position:relative;border:1px solid var(--border);border-radius:8px;background:var(--card);overflow:hidden}.code-block-header{display:flex;align-items:center;justify-content:space-between;min-height:38px;padding:4px 8px 4px 14px;border-bottom:1px solid var(--border);background:var(--muted)}.code-language{color:var(--muted-foreground);font-family:var(--font-mono);font-size:11px}.code-block pre{margin:0;padding:14px 16px 16px;overflow-x:auto;font-family:var(--font-mono);font-size:12.8px;line-height:1.65}.code-block pre.shiki{background:var(--card)!important}.code-block .copy-btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border:1px solid transparent;border-radius:7px;background:transparent;color:var(--muted-foreground);font-size:13px;cursor:pointer;transition:border-color .12s,background .12s,color .12s}.code-block .copy-btn:hover{border-color:var(--border);background:var(--accent);color:var(--foreground)}.example{margin:18px 0 30px;border:1px solid var(--border);border-radius:14px;background:var(--card);overflow:hidden}.example-tabs{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);padding-right:6px}.example-tabs .tabs{display:flex}.example-tabs .tab{padding:8px 14px;border:none;background:none;border-bottom:2px solid transparent;font-family:var(--font-sans);font-size:13px;color:var(--muted-foreground);cursor:pointer;transition:color .12s,border-color .12s}.example-tabs .tab:hover{color:var(--foreground)}.example-tabs .tab.active{color:var(--foreground);border-bottom-color:var(--foreground);font-weight:550}.example-preview{padding:28px 26px}.example-preview.plain{padding:0;background:linear-gradient(var(--background) 0 0) padding-box}.example-code{border-top:1px solid var(--border)}.example-code .code-block{border:none;border-radius:0}.example-title{margin:30px 0 6px;font-size:16px;font-weight:650;scroll-margin-top:84px}.example-desc{margin:0 0 12px;font-size:13.5px;color:var(--muted-foreground);max-width:64ch}.demo-suggestion-row{display:flex;align-items:center;gap:10px;width:100%;min-width:0;text-align:left}.demo-suggestion-avatar{display:inline-flex;flex:0 0 28px;align-items:center;justify-content:center;width:28px;height:28px;border-radius:999px;background:var(--aic-surface-raised);color:var(--aic-text);font-size:11px;font-weight:650}.demo-suggestion-avatar.is-active{background:var(--aic-accent);color:var(--aic-accent-contrast)}.demo-suggestion-copy{display:flex;flex-direction:column;min-width:0;line-height:1.3}.demo-suggestion-copy strong{overflow:hidden;font-size:.9em;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.demo-suggestion-copy em{overflow:hidden;color:var(--aic-text-muted);font-size:.78em;font-style:normal;text-overflow:ellipsis;white-space:nowrap}.tutorial-style-preview,.tutorial-template-preview{padding:18px;margin:18px 0 28px;border:1px solid var(--border);border-radius:12px;background:var(--muted)}.tutorial-preview-label{display:block;margin-bottom:10px;color:var(--muted-foreground);font-size:12px}.brand-composer{--aic-radius: 18px;--aic-accent: #6d5ce8;--aic-accent-hover: #5846d6;--aic-chip-mention-background: #eeeaff;--aic-chip-mention-text: #5140b8;--aic-input-max-height: 40vh}.team-composer{--aic-radius: 16px;--aic-accent: #2563eb;--aic-input-max-height: 220px}.team-composer .aic-header,.team-composer .aic-footer{padding:10px 16px}.team-composer .aic-header{display:flex;justify-content:space-between;gap:12px}.team-composer .aic-header span,.team-composer .aic-footer{color:var(--aic-text-muted);font-size:12px}.team-composer .aic-toolbar{justify-content:space-between}.team-composer .aic-toolbar>span{margin-left:auto;color:var(--aic-text-muted);font-size:12px}.team-suggestion{display:flex;flex-direction:column;gap:2px;width:100%;text-align:left}.team-suggestion small{color:var(--aic-text-muted);font-size:.8em}.team-suggestion.active small{color:inherit;opacity:.75}.api-table{width:100%;border-collapse:collapse;font-size:13px;margin:12px 0 28px}.api-table th{text-align:left;padding:8px 12px;border-bottom:1px solid var(--border-strong);font-weight:600;font-size:12px;letter-spacing:.04em;text-transform:uppercase;color:var(--muted-foreground)}.api-table td{padding:9px 12px;border-bottom:1px solid var(--border);vertical-align:top}.api-table td:first-child{white-space:nowrap;font-family:var(--font-mono);font-size:12.3px}.api-table td:nth-child(2){font-family:var(--font-mono);font-size:12.3px;color:var(--muted-foreground);white-space:nowrap}.api-table tr:last-child td{border-bottom:none}.type-chip{display:inline-block;padding:1px 8px;border-radius:999px;background:var(--code-bg);font-family:var(--font-mono);font-size:11.5px;color:var(--muted-foreground)}.callout{display:flex;gap:10px;padding:12px 16px;border:1px solid var(--border);border-radius:12px;background:var(--card);font-size:13.5px;color:var(--muted-foreground);margin:0 0 22px;max-width:70ch}.callout strong{color:var(--foreground)}.demo-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:22px}.demo-grid .example{margin:0}.theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border:1px solid var(--border);border-radius:9px;background:transparent;color:var(--muted-foreground);font-size:15px;cursor:pointer;transition:color .12s,border-color .12s}.theme-toggle:hover{color:var(--foreground);border-color:var(--border-strong)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.aic-root{font-family:var(--font-sans)}.token-row{display:flex;align-items:center;gap:12px;padding:7px 12px;border-bottom:1px solid var(--border);font-size:12.5px}.token-row:last-child{border-bottom:none}.token-row code{flex:1}.token-swatch{width:38px;height:20px;border-radius:6px;border:1px solid var(--border-strong)}.sb-embed{border:1px solid var(--border);border-radius:14px;background:var(--card);overflow:hidden;margin-top:18px}.sb-embed-bar{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);min-height:42px}.sb-embed-bar .tabs{display:flex}.sb-embed-bar .tab{padding:9px 16px;border:none;background:none;border-bottom:2px solid transparent;font-family:var(--font-sans);font-size:13px;color:var(--muted-foreground);cursor:pointer;transition:color .12s,border-color .12s}.sb-embed-bar .tab:hover{color:var(--foreground)}.sb-embed-bar .tab.active{color:var(--foreground);border-bottom-color:var(--foreground);font-weight:550}.sb-fullscreen{flex:0 0 auto;margin:4px 8px 4px auto;padding:6px 10px;border:1px solid var(--border);border-radius:5px;background:var(--background);color:var(--foreground);font:inherit;font-size:12px;cursor:pointer}.sb-fullscreen:hover{border-color:var(--border-strong)}.sb-embed-frame{position:relative;height:620px;background:var(--background)}.sb-iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:none}.sb-embed:fullscreen{display:flex;flex-direction:column;width:100%;height:100%;border:0;border-radius:0;background:var(--background)}.sb-embed:fullscreen .sb-embed-frame{flex:1;height:auto}code{background:none}.tpl-chat-header{display:flex;align-items:center;gap:8px;padding:12px 16px 0;font-size:12.5px;color:var(--muted-foreground)}.tpl-tag{display:inline-flex;align-items:center;gap:5px;padding:2px 9px;border-radius:999px;background:var(--muted);color:var(--accent-foreground);font-weight:500}.tpl-tag-accent{background:#e8f1ff;color:#1d5fd6}.dark .tpl-tag-accent{background:#1c2c47;color:#8cb4f8}.tpl-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:999px;background:transparent;color:var(--muted-foreground);font-size:15px;cursor:pointer;transition:background .12s,color .12s}.tpl-icon-btn:hover{background:var(--accent);color:var(--foreground)}.tpl-icon-btn svg,.tpl-model svg{display:inline-flex}.tpl-model{display:inline-flex;align-items:center;gap:6px;margin-right:auto;padding:3px 10px;border:1px solid var(--border);border-radius:999px;background:var(--card);font-family:var(--font-sans);font-size:12.5px;color:var(--muted-foreground);cursor:pointer}.tpl-hero{display:flex;flex-direction:column;align-items:center;gap:14px;padding:44px 20px 36px;border-radius:16px;border:1px solid var(--border);background:var(--card)}.tpl-hero h3{margin:0;font-size:21px;font-weight:700;letter-spacing:-.02em}.tpl-hero-bar{width:min(500px,100%)}.tpl-kbd{display:inline-flex;gap:4px;align-items:center;font-size:12px;color:var(--muted-foreground)}.tpl-kbd kbd{padding:2px 6px;border:1px solid var(--border);border-bottom-width:2px;border-radius:5px;background:var(--card);font-family:var(--font-mono);font-size:11px}.tpl-ticket{border:1px solid var(--border);border-radius:16px;overflow:hidden;background:var(--card)}.tpl-ticket-meta{display:flex;align-items:center;gap:8px;padding:12px 16px;border-bottom:1px solid var(--border);font-size:13px;color:var(--muted-foreground)}.tpl-ticket-meta strong{color:var(--foreground);font-weight:600}.tpl-ticket .aic-root{border:none;box-shadow:none;border-radius:0}.tpl-ticket-footer{display:flex;align-items:center;gap:10px;padding:10px 14px;border-top:1px solid var(--border);font-size:12.5px;color:var(--muted-foreground)}.tpl-select{padding:4px 8px;border:1px solid var(--border);border-radius:8px;background:var(--card);color:var(--foreground);font-family:var(--font-sans);font-size:12.5px}.tpl-btn-primary{padding:6px 16px;border:none;border-radius:999px;background:var(--primary);color:var(--primary-foreground);font-family:var(--font-sans);font-size:13px;font-weight:500;cursor:pointer;transition:opacity .12s}.tpl-btn-primary:hover:not(:disabled){opacity:.88}.tpl-btn-primary:disabled{opacity:.45;cursor:default}.tpl-comment{display:flex;gap:10px;align-items:flex-start}.tpl-avatar{flex:none;width:28px;height:28px;border-radius:999px;background:linear-gradient(135deg,#dbeafe,#e0e7ff);color:#4338ca;display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:600}.tpl-comment-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:8px}.tpl-btn-ghost{padding:5px 12px;border:none;border-radius:8px;background:transparent;color:var(--muted-foreground);font-family:var(--font-sans);font-size:13px;cursor:pointer}.tpl-btn-ghost:hover{background:var(--accent);color:var(--foreground)}.scn-chat{display:flex;flex-direction:column;height:560px;border:1px solid var(--border);border-radius:18px;background:var(--card);overflow:hidden;box-shadow:0 1px 2px #00000008,0 8px 24px #0000000a}.scn-chat-header{display:flex;align-items:center;gap:11px;padding:13px 18px;border-bottom:1px solid var(--border);background:var(--card)}.scn-chat-avatar{position:relative;width:34px;height:34px;border-radius:999px;background:linear-gradient(135deg,#dbeafe,#e0e7ff);color:#4338ca;display:inline-flex;align-items:center;justify-content:center;font-size:13px;font-weight:650}.scn-chat-avatar .scn-status{position:absolute;right:-1px;bottom:-1px;width:10px;height:10px;border-radius:999px;background:#22c55e;border:2px solid var(--card)}.scn-chat-title{display:flex;flex-direction:column;line-height:1.3}.scn-chat-title strong{font-size:13.5px;font-weight:600}.scn-chat-title span{font-size:12px;color:var(--muted-foreground)}.scn-chat-meta{margin-left:auto;display:flex;align-items:center;gap:8px;font-size:12px;color:var(--muted-foreground)}.scn-chat-meta .tpl-tag{font-size:11.5px}.scn-messages{flex:1;min-height:0;overflow-y:auto;padding:20px 18px;display:flex;flex-direction:column;gap:14px;scroll-behavior:smooth}.scn-day{align-self:center;font-size:11.5px;color:var(--muted-foreground);padding:2px 10px;border-radius:999px;background:var(--muted)}.scn-msg{display:flex;flex-direction:column;gap:3px;max-width:78%}.scn-msg-user{align-self:flex-end;align-items:flex-end}.scn-msg-agent{align-self:flex-start;align-items:flex-start}.scn-bubble{padding:9px 14px;font-size:14px;line-height:1.55;border-radius:16px;white-space:pre-wrap;overflow-wrap:break-word}.scn-msg-user .scn-bubble{background:var(--primary);color:var(--primary-foreground);border-bottom-right-radius:5px}.scn-msg-agent .scn-bubble{background:var(--muted);color:var(--foreground);border-bottom-left-radius:5px}.scn-msg .scn-bubble .scn-chip{display:inline-block;padding:0 6px;border-radius:5px;background:#ffffff38;font-weight:550;font-size:.92em}.scn-msg-agent .scn-bubble .scn-chip{background:var(--accent-foreground);opacity:.09;color:inherit}.scn-msg-time{font-size:11px;color:var(--muted-foreground);padding:0 4px}.scn-typing{display:inline-flex;align-items:center;gap:4px;padding:12px 14px;background:var(--muted);border-radius:16px 16px 16px 5px}.scn-typing i{width:6px;height:6px;border-radius:999px;background:var(--muted-foreground);animation:scn-typing 1.2s infinite ease-in-out}.scn-typing i:nth-child(2){animation-delay:.15s}.scn-typing i:nth-child(3){animation-delay:.3s}@keyframes scn-typing{0%,60%,to{transform:translateY(0);opacity:.5}30%{transform:translateY(-4px);opacity:1}}.scn-composer{border-top:1px solid var(--border);padding:12px 14px 10px;background:var(--card)}.scn-composer .aic-root{border:none;box-shadow:none}.scn-composer-footnote{display:flex;align-items:center;gap:6px;padding:8px 6px 0;font-size:11.5px;color:var(--muted-foreground)}.scn-composer-footnote kbd{padding:1px 5px;border:1px solid var(--border);border-bottom-width:2px;border-radius:4px;background:var(--card);font-family:var(--font-mono);font-size:10px}.scn-file-chip{display:inline-flex;align-items:center;gap:6px;padding:3px 9px;border-radius:7px;border:1px dashed var(--border-strong);font-size:12px;color:var(--muted-foreground);cursor:pointer;background:transparent;font-family:var(--font-sans)}.scn-file-chip:hover{color:var(--foreground);border-style:solid}.scn-file-chip svg{opacity:.75}