.HeroAiDemo-module-scss-module__XbsV4W__demo{background:var(--bg-canvas);border:1px solid var(--border-default);border-radius:var(--radius-xl);width:100%;box-shadow:var(--shadow-overlay);text-align:left;flex-direction:column;display:flex;overflow:hidden}.HeroAiDemo-module-scss-module__XbsV4W__demoResetting .HeroAiDemo-module-scss-module__XbsV4W__formColumn,.HeroAiDemo-module-scss-module__XbsV4W__demoResetting .HeroAiDemo-module-scss-module__XbsV4W__dock{opacity:0}.HeroAiDemo-module-scss-module__XbsV4W__appBar{justify-content:space-between;align-items:center;gap:var(--space-3);height:var(--space-8);padding:0 var(--space-3);flex-shrink:0;display:flex}.HeroAiDemo-module-scss-module__XbsV4W__appBarSide{align-items:center;gap:var(--space-2);display:flex}.HeroAiDemo-module-scss-module__XbsV4W__panel{margin:0 var(--space-2) var(--space-2);background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-lg);flex-direction:column;display:flex;overflow:hidden}.HeroAiDemo-module-scss-module__XbsV4W__navRow{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-3);flex-shrink:0;display:flex}.HeroAiDemo-module-scss-module__XbsV4W__navGroup{align-items:center;gap:var(--space-1);display:flex}.HeroAiDemo-module-scss-module__XbsV4W__bone{background:var(--bg-subtle);border-radius:var(--radius-sm);display:inline-block}.HeroAiDemo-module-scss-module__XbsV4W__boneWorkspace{width:96px;height:var(--control-height-sm)}.HeroAiDemo-module-scss-module__XbsV4W__boneControl{width:64px;height:var(--control-height-sm)}.HeroAiDemo-module-scss-module__XbsV4W__boneAvatar{width:var(--control-height-sm);height:var(--control-height-sm);background:var(--bg-subtle);border-radius:var(--radius-full)}.HeroAiDemo-module-scss-module__XbsV4W__boneCrumb{width:140px;height:var(--control-height-sm)}.HeroAiDemo-module-scss-module__XbsV4W__boneTab{width:56px;height:var(--control-height-sm)}.HeroAiDemo-module-scss-module__XbsV4W__boneTabActive{width:56px;height:var(--control-height-sm);background:color-mix(in oklab, var(--bg-subtle) 40%, var(--border-default))}.HeroAiDemo-module-scss-module__XbsV4W__bonePublish{width:72px;height:var(--control-height-sm);background:var(--action-primary-bg);border-radius:var(--radius-sm);opacity:.9;display:inline-block}.HeroAiDemo-module-scss-module__XbsV4W__viewer{height:600px;margin:0 var(--space-2) var(--space-2);background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-lg) var(--radius-lg) var(--radius-md) var(--radius-md);position:relative;overflow:hidden}.HeroAiDemo-module-scss-module__XbsV4W__formColumn{max-width:480px;padding:var(--space-5) var(--space-4) 0;gap:var(--space-3);transition:opacity .4s var(--ease-out);flex-direction:column;margin:0 auto;display:flex}.HeroAiDemo-module-scss-module__XbsV4W__formTitle,.HeroAiDemo-module-scss-module__XbsV4W__formTitleGhost{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);letter-spacing:-.01em;color:var(--text-primary)}.HeroAiDemo-module-scss-module__XbsV4W__formTitleGhost{color:var(--text-tertiary)}.HeroAiDemo-module-scss-module__XbsV4W__block{gap:var(--space-2);padding:var(--space-3);border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--bg-surface);animation:HeroAiDemo-module-scss-module__XbsV4W__block-in .32s var(--ease-out) both;flex-direction:column;display:flex}@keyframes HeroAiDemo-module-scss-module__XbsV4W__block-in{0%{opacity:0;transform:translateY(10px)scale(.98)}}.HeroAiDemo-module-scss-module__XbsV4W__blockTag{align-self:flex-start;gap:var(--space-1)}.HeroAiDemo-module-scss-module__XbsV4W__blockLabel{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-primary)}.HeroAiDemo-module-scss-module__XbsV4W__blockControl{height:var(--control-height-md);padding:0 var(--space-3);background:var(--field-bg);border:1px solid var(--field-border);border-radius:var(--radius-md);font-size:var(--font-size-sm);color:var(--field-text-placeholder);align-items:center;display:flex}.HeroAiDemo-module-scss-module__XbsV4W__blockOptions{gap:var(--space-2);flex-wrap:wrap;display:flex}.HeroAiDemo-module-scss-module__XbsV4W__blockPill{align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-2) var(--space-1) var(--space-1);background:var(--field-bg);border:1px solid var(--field-border);border-radius:var(--radius-md);font-size:var(--font-size-sm);color:var(--text-primary);display:inline-flex}.HeroAiDemo-module-scss-module__XbsV4W__blockPillKey{width:var(--space-4);height:var(--space-4);border-radius:var(--radius-xs);background:var(--action-secondary-bg);color:var(--action-secondary-text);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);justify-content:center;align-items:center;display:inline-flex}.HeroAiDemo-module-scss-module__XbsV4W__dock{bottom:var(--space-3);z-index:2;width:min(480px,100% - var(--space-6));transition:width .16s ease,opacity .4s var(--ease-out);position:absolute;left:50%;transform:translate(-50%)}.HeroAiDemo-module-scss-module__XbsV4W__dockWide{width:min(720px,100% - var(--space-6))}.HeroAiDemo-module-scss-module__XbsV4W__card{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);align-items:stretch;display:flex}.HeroAiDemo-module-scss-module__XbsV4W__cardWithSuggestion .HeroAiDemo-module-scss-module__XbsV4W__chat{border-right:1px solid var(--border-default)}.HeroAiDemo-module-scss-module__XbsV4W__chat{flex-direction:column;flex:1;min-width:0;display:flex}.HeroAiDemo-module-scss-module__XbsV4W__reveal{opacity:0;transition:grid-template-rows .22s var(--ease-out),opacity .18s var(--ease-out);flex:1;grid-template-rows:0fr;display:grid}.HeroAiDemo-module-scss-module__XbsV4W__revealOpen{opacity:1;grid-template-rows:1fr}.HeroAiDemo-module-scss-module__XbsV4W__revealInner{border-bottom:1px solid var(--border-default);flex-direction:column;min-height:0;display:flex;position:relative;overflow:hidden}.HeroAiDemo-module-scss-module__XbsV4W__head{z-index:1;padding:var(--space-2) var(--space-3);background:color-mix(in oklab, var(--bg-surface) 64%, transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:var(--radius-lg) var(--radius-lg) 0 0;align-items:center;display:flex;position:absolute;top:0;left:0;right:0}.HeroAiDemo-module-scss-module__XbsV4W__headTitle{align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-primary);display:inline-flex}.HeroAiDemo-module-scss-module__XbsV4W__log{gap:var(--space-2);padding:var(--space-6) var(--space-3) var(--space-3);flex-direction:column;max-height:220px;display:flex;overflow:hidden}.HeroAiDemo-module-scss-module__XbsV4W__userMessage,.HeroAiDemo-module-scss-module__XbsV4W__assistantMessage{font-size:var(--font-size-sm);line-height:var(--line-height-normal);color:var(--text-primary);animation:HeroAiDemo-module-scss-module__XbsV4W__message-in .24s var(--ease-out) both}@keyframes HeroAiDemo-module-scss-module__XbsV4W__message-in{0%{opacity:0;transform:translateY(6px)}}.HeroAiDemo-module-scss-module__XbsV4W__userMessage{background:var(--bg-subtle);border-radius:var(--radius-md);max-width:85%;padding:var(--space-2) var(--space-3);align-self:flex-end}.HeroAiDemo-module-scss-module__XbsV4W__assistantMessage{align-self:stretch;gap:var(--space-2);background:var(--tag-brand-bg);border-radius:var(--radius-lg);padding:var(--space-3);flex-direction:column;display:flex}.HeroAiDemo-module-scss-module__XbsV4W__doneChip{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:color-mix(in oklab, var(--tag-brand-bg) 88%, var(--tag-brand-text) 12%);border-radius:var(--radius-md);display:flex}.HeroAiDemo-module-scss-module__XbsV4W__thinking{align-items:center;gap:var(--space-2);color:var(--text-secondary);display:inline-flex}.HeroAiDemo-module-scss-module__XbsV4W__dots{gap:4px;display:inline-flex}.HeroAiDemo-module-scss-module__XbsV4W__dots i{background:currentColor;border-radius:50%;width:4px;height:4px;animation:.9s ease-in-out infinite HeroAiDemo-module-scss-module__XbsV4W__demo-dot}.HeroAiDemo-module-scss-module__XbsV4W__dots i:nth-child(2){animation-delay:.15s}.HeroAiDemo-module-scss-module__XbsV4W__dots i:nth-child(3){animation-delay:.3s}@keyframes HeroAiDemo-module-scss-module__XbsV4W__demo-dot{0%,60%,to{opacity:.3}30%{opacity:1}}.HeroAiDemo-module-scss-module__XbsV4W__composer{align-items:center;gap:var(--space-2);padding:var(--space-3);display:flex}.HeroAiDemo-module-scss-module__XbsV4W__input{min-width:0;height:var(--control-height-md);padding:0 var(--space-3);background:var(--field-bg);border:1px solid var(--field-border);border-radius:var(--radius-md);font-size:var(--font-size-sm);white-space:nowrap;flex:1;align-items:center;display:flex;overflow:hidden}.HeroAiDemo-module-scss-module__XbsV4W__inputText{color:var(--field-text)}.HeroAiDemo-module-scss-module__XbsV4W__inputPlaceholder{color:var(--field-text-placeholder)}.HeroAiDemo-module-scss-module__XbsV4W__caret{background:var(--text-primary);flex-shrink:0;width:1px;height:16px;margin-left:1px;animation:1.1s step-end infinite HeroAiDemo-module-scss-module__XbsV4W__caret-blink}@keyframes HeroAiDemo-module-scss-module__XbsV4W__caret-blink{50%{opacity:0}}.HeroAiDemo-module-scss-module__XbsV4W__suggestion{width:300px;animation:HeroAiDemo-module-scss-module__XbsV4W__message-in .2s var(--ease-out) .16s both;flex-direction:column;flex-shrink:0;display:flex;position:relative}.HeroAiDemo-module-scss-module__XbsV4W__suggestionHead{padding:var(--space-2) var(--space-3);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-primary);align-items:center;display:flex}.HeroAiDemo-module-scss-module__XbsV4W__suggestionList{gap:var(--space-2);padding:0 var(--space-3) var(--space-3);flex-direction:column;display:flex;overflow:hidden}.HeroAiDemo-module-scss-module__XbsV4W__suggestionItem{gap:var(--space-2);border:1px solid var(--border-default);border-radius:var(--radius-md);padding:var(--space-2);animation:HeroAiDemo-module-scss-module__XbsV4W__block-in .28s var(--ease-out) both;align-items:flex-start;display:flex}.HeroAiDemo-module-scss-module__XbsV4W__suggestionIcon{color:var(--text-secondary);padding-top:2px;display:inline-flex}.HeroAiDemo-module-scss-module__XbsV4W__suggestionBody{flex-direction:column;gap:4px;min-width:0;display:flex}.HeroAiDemo-module-scss-module__XbsV4W__suggestionLabel{font-size:var(--font-size-sm);color:var(--text-primary)}.HeroAiDemo-module-scss-module__XbsV4W__suggestionMeta{font-size:var(--font-size-xs);color:var(--text-secondary)}.HeroAiDemo-module-scss-module__XbsV4W__suggestionActions{gap:var(--space-2);padding:var(--space-3);border-top:1px solid var(--border-default);margin-top:auto;display:flex}.HeroAiDemo-module-scss-module__XbsV4W__suggestionActions>*{flex:1}.HeroAiDemo-module-scss-module__XbsV4W__pressed{transform:scale(.95)}@media (max-width:640px){.HeroAiDemo-module-scss-module__XbsV4W__card{flex-direction:column}.HeroAiDemo-module-scss-module__XbsV4W__cardWithSuggestion .HeroAiDemo-module-scss-module__XbsV4W__chat{border-right:none;border-bottom:1px solid var(--border-default)}.HeroAiDemo-module-scss-module__XbsV4W__suggestion{width:auto}.HeroAiDemo-module-scss-module__XbsV4W__log{max-height:120px}.HeroAiDemo-module-scss-module__XbsV4W__boneCrumb,.HeroAiDemo-module-scss-module__XbsV4W__boneControl{display:none}}@media (prefers-reduced-motion:reduce){.HeroAiDemo-module-scss-module__XbsV4W__formColumn,.HeroAiDemo-module-scss-module__XbsV4W__dock,.HeroAiDemo-module-scss-module__XbsV4W__reveal{transition:none}.HeroAiDemo-module-scss-module__XbsV4W__block,.HeroAiDemo-module-scss-module__XbsV4W__userMessage,.HeroAiDemo-module-scss-module__XbsV4W__assistantMessage,.HeroAiDemo-module-scss-module__XbsV4W__suggestion,.HeroAiDemo-module-scss-module__XbsV4W__suggestionItem{animation:none}.HeroAiDemo-module-scss-module__XbsV4W__dots i{opacity:.6;animation:none}.HeroAiDemo-module-scss-module__XbsV4W__caret{animation:none}}