.landing-wrapper .hero-section{padding-top:42px}
.landing-wrapper .hero-title{font-size:clamp(38px,4.8vw,64px);line-height:1.08;letter-spacing:-2px;margin-bottom:20px}
.landing-wrapper .hero-subtitle{max-width:650px;font-size:16px;margin-bottom:28px}
.design-assistant{width:100%;max-width:760px;margin:0 auto;text-align:left;color:var(--site-text);font-family:inherit}
.design-assistant[hidden],.assistant-mobile-toggle[hidden]{display:none!important}
.assistant-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.assistant-chat{display:flex;flex-direction:column;min-width:0;height:100%;border:1px solid var(--site-border);border-radius:16px;background:var(--site-card);overflow:hidden}
.assistant-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 18px}
.assistant-heading>strong{font-size:14px;line-height:1.5;font-weight:650}
.assistant-heading-actions{display:flex;gap:6px}
.assistant-icon-button{display:grid;place-items:center;width:30px;height:30px;padding:0;background:transparent;border:0;border-radius:7px;color:var(--site-muted);font-size:21px;cursor:pointer}
.assistant-icon-button:hover{color:var(--site-text);background:var(--site-subtle)}
.assistant-thread{max-height:410px;overflow-y:auto;padding:6px 18px 18px;display:flex;flex-direction:column;gap:18px;overscroll-behavior:contain}
.assistant-thread:empty{display:none}
.assistant-message{max-width:100%;font-size:14px;line-height:1.8;overflow-wrap:anywhere}
.assistant-message-text{white-space:pre-wrap;margin:0;color:inherit}
.assistant-message-user{align-self:flex-end;max-width:94%;padding:9px 12px;border-radius:12px;background:var(--site-subtle)}
.assistant-message-assistant{align-self:stretch}
.assistant-message-error{color:var(--site-muted)}
.assistant-retry{margin-top:8px;border:1px solid var(--site-border);background:transparent;color:var(--site-text);padding:5px 10px;border-radius:8px;font:inherit;font-size:12px;cursor:pointer}
.assistant-composer{display:flex;align-items:flex-end;gap:10px;flex-shrink:0;margin:0 12px 12px;padding:12px;border:1px solid var(--site-border);border-radius:12px;background:var(--site-subtle)}
.assistant-composer:focus-within{border-color:var(--site-muted)}
.design-assistant .assistant-composer textarea{display:block;flex:1;min-width:0;width:100%;min-height:44px;max-height:140px;padding:0!important;margin:0;background:transparent!important;border:0!important;box-shadow:none!important;outline:none;resize:none;color:var(--site-text)!important;font:inherit;font-size:14px;line-height:1.7}
.assistant-send{display:grid;place-items:center;flex-shrink:0;width:34px;height:34px;padding:0;border:0;border-radius:9px;background:var(--site-text);color:var(--site-bg);font-size:20px;cursor:pointer}
:root[data-theme="dark"] .assistant-send{background:#bef264;color:#18210d}
.design-assistant button:disabled{opacity:.4;cursor:default}
.design-assistant button:focus-visible{outline:2px solid var(--site-text);outline-offset:3px}
.assistant-status{font-size:11px;color:var(--site-muted);padding:0 16px 10px;min-height:0}
.assistant-status:empty{display:none}
.assistant-typing{display:flex;gap:5px;padding:8px 0}
.assistant-typing i{width:5px;height:5px;border-radius:50%;background:var(--site-muted);animation:assistant-pulse 1.2s infinite}
.assistant-typing i:nth-child(2){animation-delay:.15s}.assistant-typing i:nth-child(3){animation-delay:.3s}
@keyframes assistant-pulse{0%,80%,100%{opacity:.35}40%{opacity:1}}
.assistant-mobile-close,.assistant-mobile-toggle{display:none}
html.assistant-active{--assistant-width:320px;--assistant-offset:344px}
html.assistant-active .design-assistant.is-docked{position:fixed;top:calc(var(--assistant-header-height,0px) + 8px);left:8px;bottom:8px;z-index:1200;width:var(--assistant-width);max-width:none;margin:0}
.is-docked .assistant-heading{border-bottom:1px solid var(--site-border);padding:14px 16px}
.is-docked .assistant-thread{display:flex;flex:1;min-height:0;max-height:none;padding:16px}
.is-docked .assistant-composer{margin:0 12px 12px}
html.assistant-active main.for-blur{margin-left:var(--assistant-offset)!important;width:calc(100% - var(--assistant-offset))!important}
html.assistant-active footer{margin-left:var(--assistant-offset);width:calc(100% - var(--assistant-offset))}
html.assistant-active .ms-app-layout{left:var(--assistant-offset)!important;width:calc(100% - var(--assistant-offset))!important;min-width:0!important;max-width:calc(100% - var(--assistant-offset))!important}
html.assistant-active .ms-sidebar{display:none!important}
html.assistant-active .ms-main-stage{margin-left:0!important;width:100%!important;min-width:0!important}
html.assistant-active #msMobileMenuBtn{display:none!important}
@media(max-width:767px){.landing-wrapper .landing-container{padding:0 18px}.landing-wrapper .hero-section{padding-top:20px}.landing-wrapper .hero-title{letter-spacing:-1.4px}.landing-wrapper .hero-subtitle{font-size:14px;margin-bottom:22px}.landing-wrapper .hero-subtitle br{display:none}.assistant-message{font-size:13px}html.assistant-active main.for-blur,html.assistant-active footer{margin-left:0!important;width:100%!important}html.assistant-active .ms-app-layout{left:0!important;width:100%!important;min-width:0!important;max-width:100%!important}html.assistant-active .design-assistant.is-docked{display:none;top:auto;bottom:60px;left:12px;width:calc(100% - 24px);height:min(480px,70dvh)}html.assistant-active .design-assistant.is-docked.is-open{display:block}.assistant-mobile-close{display:grid}.assistant-mobile-toggle:not([hidden]){display:grid;place-items:center;position:fixed;bottom:12px;left:12px;z-index:1250;width:38px;height:38px;border:1px solid var(--site-border);border-radius:12px;background:var(--site-card);color:var(--site-text);font-size:13px;font-weight:650;cursor:pointer}}
@media(prefers-reduced-motion:reduce){.assistant-typing i{animation:none}}