.stg-webagent-mock{flex-direction:column;align-items:flex-end;width:100%;max-width:480px;display:flex;position:relative}.stg-webagent-mock__site{aspect-ratio:16/10;border:1px solid var(--rule-c);border-radius:var(--radius-card);background:var(--surface-2);flex-direction:column;width:100%;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 40px -20px #0003;box-shadow:0 20px 40px -20px lab(0% 0 0/.2)}.stg-webagent-mock__tag{top:var(--space-sm);right:var(--space-sm);z-index:1;font-size:var(--text-tag);letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);background:var(--surface);border:1px solid var(--rule-c);border-radius:var(--radius-pill);padding:2px 10px;position:absolute}.stg-webagent-mock__bar{align-items:center;gap:var(--space-sm);padding:var(--space-xs) var(--space-sm);border-bottom:1px solid var(--rule-c);background:var(--surface-2);flex:none;display:flex}.stg-webagent-mock__dot{background:var(--rule-c);border-radius:50%;flex:none;width:8px;height:8px}.stg-webagent-mock__url{min-width:0;font-size:var(--text-sm);color:var(--text-muted);background:var(--surface);border:1px solid var(--rule-c);border-radius:var(--radius-pill);text-overflow:ellipsis;white-space:nowrap;flex:1;padding:2px 12px;overflow:hidden}.stg-webagent-mock__page{min-height:0;padding:var(--space-md);gap:var(--space-sm);flex:1;grid-auto-rows:min-content;align-content:start;display:grid;position:relative}.stg-webagent-mock__nav{border-radius:var(--radius-pill);background:var(--surface-3);width:40%;height:16px}.stg-webagent-mock__hero{aspect-ratio:5;border-radius:var(--radius-inner);background:var(--surface-3)}.stg-webagent-mock__block{background:var(--surface-3);border-radius:4px;width:80%;height:12px}.stg-webagent-mock__block+.stg-webagent-mock__block{width:60%}.stg-webagent-mock__widget{z-index:2;width:min(400px,92%);margin-top:-56px;margin-right:var(--space-sm);border-radius:var(--radius-inner);border:1px solid var(--rule-c);background:var(--surface);flex-direction:column;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 44px -16px #00000052;box-shadow:0 20px 44px -16px lab(0% 0 0/.32)}.stg-webagent-mock__widgetHead{align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);border-bottom:1px solid var(--rule-c);background:var(--surface-2);flex:none;display:flex}.stg-webagent-mock__avatar{background:var(--accent-on);border-radius:50%;flex:none;width:22px;height:22px}.stg-webagent-mock__widgetName{font-size:var(--text-sm);color:var(--text);font-weight:600}.stg-webagent-mock__thread{gap:var(--space-xs);padding:var(--space-sm);display:grid}.stg-webagent-mock__bubble{font-size:var(--text-sm);border-radius:var(--radius-pill);max-width:85%;margin:0;padding:8px 14px;line-height:1.4}.stg-webagent-mock__bubble.stg-webagent-mock__bubble--user{background:var(--text);color:var(--surface);justify-self:end}.stg-webagent-mock__bubble.stg-webagent-mock__bubble--agent{background:var(--surface-2);color:var(--text-2);border:1px solid var(--rule-c);justify-self:start}.stg-webagent-mock__inputRow{height:32px;margin:0 var(--space-sm) var(--space-sm);border-radius:var(--radius-pill);border:1px solid var(--rule-c);background:var(--surface-2);flex:none}.stg-webagent-mock--chat{max-width:360px}.stg-webagent-mock--chat .stg-webagent-mock__widget{width:100%;box-shadow:none;background:0 0;border:0;margin:0;overflow:visible}.stg-webagent-mock--chat .stg-webagent-mock__thread{padding:0}