.demo-main-area:has(.guide-chat){display:flex;flex-direction:column;height:calc(100dvh - 16px)}.demo-main-area:has(.guide-chat)>.demo-topbar{flex-shrink:0}.demo-page.guide-chat{display:flex;flex-direction:column;flex:1 1;min-height:0;padding:0}.guide-chat-heading{display:flex;align-items:center;gap:var(--space-sm);min-height:44px;padding:var(--space-xs) var(--space-md);border-bottom:var(--rule-width) solid var(--color-rule)}.guide-chat-heading h1{margin:0;min-width:0;overflow-wrap:anywhere;font-size:var(--text-sm);font-weight:500;letter-spacing:normal}.guide-chat-heading>span:last-child{margin-left:auto;color:var(--color-muted);font-size:var(--text-xs)}.guide-chat-timeline{flex:1 1;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--color-input) var(--color-clear);padding:var(--space-2xl) var(--space-xl)}.guide-chat-content{max-width:768px;margin-inline:auto}.guide-chat .demo-guide-messages{margin:0;max-width:none;font-size:var(--text-body);line-height:1.7}.guide-chat .demo-assistant-message{margin:0 0 var(--space-2xl);gap:var(--space-md)}.guide-chat .demo-assistant-message p{margin:0}.guide-chat .demo-user-message{max-width:85%;padding:var(--space-md) var(--space-lg);background:var(--color-hover);white-space:pre-wrap}.guide-chat .demo-message-author{font-size:var(--text-xs)}.guide-chat .demo-purpose-options{margin-block:var(--space-xl);padding-left:38px}.guide-chat .demo-auth-card{margin-block:var(--space-xl)}.guide-chat .demo-composer-sticky{position:relative;bottom:auto;flex-shrink:0;width:min(768px,calc(100% - 48px));max-width:none;margin:var(--space-md) auto 0;padding:0 0 var(--space-md);border:0;border-radius:0;background:var(--color-paper);box-shadow:none}.guide-chat-composer{border:var(--rule-width) solid var(--color-input);border-radius:var(--radius-panel);padding:var(--space-md);background:var(--color-elevated)}.guide-chat-composer .demo-input{display:block;width:100%;min-height:76px;max-height:180px;resize:vertical;padding:var(--space-xs);border:0;border-radius:var(--radius-sm);background:var(--color-clear);font:inherit;font-size:var(--text-body);line-height:1.6;caret-color:var(--color-accent)}.guide-chat-composer .demo-input[aria-invalid=true]{outline:2px solid var(--color-error)}.guide-chat-toolbar{position:relative;margin-top:var(--space-sm)}.guide-chat-hint{margin-right:auto;color:var(--color-muted);font-size:var(--text-xs)}.guide-model-picker{position:static;margin:0 0 0 auto;padding:0;border:0;min-width:0}.guide-model-trigger{display:inline-flex;align-items:center;gap:var(--space-sm);min-height:32px;padding:var(--space-xs) var(--space-sm);border:0;border-radius:var(--radius-control);background:var(--color-clear);color:var(--color-ink);font:inherit;font-size:var(--text-sm);white-space:nowrap;cursor:pointer}.guide-model-trigger:disabled{opacity:.5;cursor:not-allowed}.guide-model-trigger:active{background:var(--color-hover)}.guide-model-logo{display:inline-flex;flex:0 0 16px;width:16px;height:16px}.guide-model-logo img{width:100%;height:100%}.guide-model-logo-mono{background:currentColor}.guide-model-name{flex:1 1;min-width:0;white-space:nowrap}.guide-model-panel{position:absolute;z-index:20;right:0;bottom:calc(100% + var(--space-sm));width:min(300px,100%);border:var(--rule-width) solid var(--color-input);border-radius:var(--radius-panel);background:var(--color-elevated);color:var(--color-ink)}.guide-model-search{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-md);border-bottom:var(--rule-width) solid var(--color-rule)}.guide-model-search svg{flex-shrink:0;color:var(--color-muted)}.guide-model-search input{min-width:0;width:100%;min-height:28px;border:0;border-radius:var(--radius-sm);background:var(--color-clear);color:var(--color-ink);font:inherit;font-size:var(--text-sm)}.guide-model-search input::placeholder{color:var(--color-muted)}.guide-model-list{max-height:min(300px,35dvh);overflow-y:auto;overscroll-behavior:contain;padding:var(--space-xs);scrollbar-width:thin}.guide-model-list button{display:flex;align-items:center;gap:var(--space-sm);width:100%;min-height:44px;padding:var(--space-sm);border:0;border-radius:var(--radius-sm);background:var(--color-clear);color:var(--color-ink);font:inherit;font-size:var(--text-sm);text-align:left;cursor:pointer}.guide-model-list button[data-active=true]{background:var(--color-hover)}.guide-model-empty,.guide-model-note{margin:0;padding:var(--space-md);color:var(--color-muted);font-size:var(--text-xs);line-height:1.5}.guide-model-note{border-top:var(--rule-width) solid var(--color-rule)}@media (hover:hover){.guide-model-list button:hover,.guide-model-trigger:hover{background:var(--color-hover)}}@media (max-width:767px){.demo-main-area:has(.guide-chat){height:100dvh}.guide-chat-timeline{padding:var(--space-xl) var(--space-lg)}.guide-chat .demo-composer-sticky{width:calc(100% - 24px);padding-bottom:max(var(--space-md),env(safe-area-inset-bottom))}.guide-chat-hint{display:none}.guide-chat-composer .demo-input{font-size:16px}.guide-chat-toolbar .demo-icon-button,.guide-model-trigger{min-height:44px}.guide-chat-toolbar .demo-icon-button{width:44px;height:44px}.guide-chat .demo-purpose-options{padding-left:0}}