.pattern-stage{background:var(--color-surface-subtle);border:1px solid var(--color-border-subtle);border-radius:var(--radius-2xl);width:100%;min-height:680px;position:relative;overflow:hidden}.pattern-stage-content{padding:var(--space-6);gap:var(--space-5);flex-direction:column;display:flex}.pattern-stage-header{background:var(--color-surface-primary);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);height:40px}.pattern-stage-body{gap:var(--space-3);flex-direction:column;display:flex}.pattern-stage-row{background:var(--color-surface-primary);border-radius:var(--radius-sm);height:12px}.pattern-stage-row-short{width:60%}.pattern-stage-row-medium{width:80%}.pattern-list{padding-left:var(--space-5);gap:var(--space-2);font-family:var(--type-body-family);font-size:var(--type-body-size);line-height:var(--type-body-leading);color:var(--color-text-secondary);flex-direction:column;margin:0;display:flex}.pattern-list code{font-family:var(--font-family-mono);font-size:var(--font-size-xs);background:var(--color-surface-subtle);border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);color:var(--color-text-primary);padding:1px 6px}.chatbot-trigger{right:var(--space-5);bottom:var(--space-5);align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-5) var(--space-2) var(--space-2);background:var(--color-surface-primary);border:1px solid var(--color-border-subtle);border-radius:var(--radius-full);box-shadow:var(--shadow-sm);cursor:pointer;transition:transform .2s,box-shadow .2s,border-color .2s;display:inline-flex;position:absolute}.chatbot-trigger:hover{border-color:var(--color-border-hover);transform:translateY(-1px)}.chatbot-trigger-label{font-family:var(--type-small-family);font-size:var(--type-small-size);font-weight:var(--type-small-weight);line-height:var(--type-small-leading);letter-spacing:var(--type-small-tracking);color:var(--color-text-primary)}.chatbot-panel{right:var(--space-5);bottom:var(--space-5);width:380px;height:560px;box-shadow:var(--shadow-lg);position:absolute;overflow:hidden}.chatbot-panel--inline{width:100%;height:460px;box-shadow:none;position:static}.chatbot-panel--side{border-inline-start:1px solid var(--color-border-subtle);width:360px;height:auto;box-shadow:var(--shadow-lg);border-radius:0;top:0;bottom:0;right:0}.chatbot-panel-header{background:var(--color-surface-primary)}.chatbot-welcome-avatar{margin-bottom:var(--space-4)}.chatbot-welcome{text-align:left;padding:var(--space-6) var(--card-pad-x) var(--space-5);flex-direction:column;flex:1;justify-content:center;align-items:flex-start;display:flex;overflow-y:auto}.chatbot-welcome-title{font-family:var(--type-h4-family);font-size:var(--type-h4-size);font-weight:var(--type-h4-weight);line-height:var(--type-h4-leading);letter-spacing:var(--type-h4-tracking);color:var(--color-text-primary);margin-bottom:var(--space-5)}.chatbot-prompt-list{margin-inline:calc(-1 * var(--space-3));flex-direction:column;align-self:stretch;align-items:stretch;gap:0;display:flex}.chatbot-prompt{padding-inline:var(--space-3);justify-content:flex-start}.chatbot-panel-messages{padding:var(--space-4) var(--card-pad-x);gap:var(--space-3);flex-direction:column;flex:1;display:flex;overflow-y:auto}.chatbot-composer{background:var(--color-surface-primary);padding:var(--space-3) var(--card-pad-x) var(--card-pad-y);gap:var(--space-2);flex-direction:column;display:flex}