.gu-demo .gu-active-scene[hidden],.gu-demo .gu-mobile-section-body[hidden],.gu-demo .gu-mobile-disclosure,.gu-demo .gu-mobile-section-close{display:none}.gu-demo .gu-mobile-section-body{display:contents}@media (max-width:700px){.gu-demo .gu-feature-tabs>button{min-height:44px;font-size:var(--demo-text-label);line-height:1.5}.gu-demo .gu-feature-tabs>button>svg{flex-shrink:0}.gu-demo .gu-feature-heading p{line-height:1.75;font-size:var(--demo-text-caption)!important}.gu-demo :is(.gu-panel-note,.gu-muted,.gu-status,.gu-chip,.gu-demo-footer){font-size:var(--demo-text-caption);line-height:1.75}.gu-demo .gu-panel-title{font-size:var(--demo-text-body)}.gu-demo .gu-field{font-size:var(--demo-text-label)}.gu-demo .gu-field :is(input,select,textarea){font-size:var(--demo-control-font-size);min-height:44px;line-height:var(--demo-control-line-height)}.gu-demo .gu-field :is(input,select):where(:not([type=checkbox],[type=radio],[type=range],[type=file])){min-height:var(--demo-control-min-height);padding-block:var(--space-8)}.gu-demo .gu-button{white-space:normal;min-height:44px;font-size:var(--demo-text-action)!important}.gu-demo .gu-main,.gu-demo .gu-side{padding:var(--space-16)}.gu-demo .gu-mobile-section{border-top:1px solid var(--gu-line);border-left:0}.gu-demo .gu-mobile-disclosure{justify-content:space-between;align-items:center;gap:var(--space-12);text-align:left;width:100%;min-height:44px;color:var(--gu-ink);scroll-margin-top:var(--space-32);background:0 0;border:0;padding:0;display:flex}.gu-demo .gu-mobile-disclosure>span{gap:var(--space-4);min-width:0;display:grid}.gu-demo .gu-mobile-disclosure strong{font-size:var(--demo-text-body);line-height:1.6}.gu-demo .gu-mobile-disclosure>span>span{color:var(--gu-muted);font-size:var(--demo-text-caption);overflow-wrap:anywhere;line-height:1.75}.gu-demo .gu-mobile-disclosure>svg{color:var(--gu-green);flex-shrink:0}.gu-demo .gu-mobile-disclosure[aria-expanded=true]>svg{transform:rotate(180deg)}.gu-demo .gu-mobile-section-close{justify-content:center;align-items:center;gap:var(--space-8);width:100%;min-height:44px;margin-top:var(--space-12);padding:var(--space-8);border:1px solid var(--ui-border-strong);border-radius:var(--ui-radius-control);color:var(--ui-brand);background:var(--ui-surface);font-size:var(--demo-text-action);display:flex}.gu-demo .gu-mobile-section-close svg{transform:rotate(180deg)}.gu-demo .gu-mobile-section[data-open=false]{min-height:0}.gu-demo .gu-mobile-section-body:not([hidden]){padding-top:var(--space-12);display:block}.gu-demo .business-context-note{font-size:var(--demo-text-caption);line-height:1.75}.gu-demo .business-context-note a{align-items:center;min-height:44px;display:inline-flex}}@media (min-width:701px) and (max-width:1000px){.gu-demo .gu-feature-tabs>button{gap:var(--space-4);padding-inline:var(--space-4);white-space:nowrap;font-size:var(--demo-text-label)}.gu-demo .gu-feature-tabs>button>svg{flex-shrink:0}}@media (max-width:480px){.gu-demo .gu-feature-tabs{gap:var(--space-4);padding-inline:var(--space-8)}.gu-demo .gu-feature-tabs>button{gap:var(--space-4);min-height:44px;padding:var(--space-8) var(--space-2);white-space:nowrap;font-size:var(--demo-text-caption);flex-direction:row}}.gu-demo>.business-context-note{border-top:1px solid var(--gu-line);padding:var(--space-8) var(--space-20);border-bottom:0}@media (max-width:700px){.gu-demo .demo-toolbar{padding:var(--ui-layout-space-12) var(--ui-layout-space-16);gap:var(--space-4)}.gu-demo .demo-toolbar-controls{border-top:0;padding-top:0}.gu-demo>.business-context-note{padding:var(--space-8) var(--space-16);gap:var(--space-4)}.gu-demo>.business-context-note>span{align-items:flex-start}.gu-demo>.business-context-note>span>svg{margin-top:var(--space-4)}.gu-demo>.business-context-note a{font-size:var(--demo-text-caption)}}@media (max-width:600px){.gu-demo{--demo-text-caption:11px;--demo-text-label:11px;--demo-text-body:12px;--demo-text-title:var(--ui-type-ui);--demo-text-action:12px;--demo-mobile-meta:10px}.gu-demo .demo-toolbar,.gu-demo .gu-feature-heading,.gu-demo :is(.gu-main,.gu-side),.gu-demo .gm-scene :is(.gm-main.gu-main,.gm-side.gu-side),.gu-demo .gr-scene :is(.gr-monitor-main,.gr-monitor-side,.gr-broadcast-config,.gr-broadcast-preview),.gu-demo :is(.gc-directory,.gc-workspace){padding:var(--ui-layout-space-8) var(--ui-layout-space-16)}.gu-demo :is(.gu-panel-note,.gu-muted,.gu-status,.gu-chip,.gu-demo-footer),.gu-demo .gu-feature-heading p,.gu-demo .gu-mobile-disclosure>span>span{line-height:1.5}.gu-demo .gu-panel-title,.gu-demo .gm-scene .gm-side-heading h4,.gu-demo .gr-scene .gr-section-head strong,.gu-demo .gc-profile h4{font-size:var(--demo-text-title)}.gu-demo .gu-mobile-disclosure strong{font-size:var(--demo-text-body)}.gu-demo :is(.gu-status,.gu-chip),.gu-demo .gr-scene .gr-event time,.gu-demo .gm-count-chip{font-size:var(--demo-mobile-meta)}.gu-demo .gm-scene :is(.gm-invite-target,.gm-contact-row){min-height:56px;padding-block:var(--space-8)}.gu-demo .gc-group-row>button{min-height:48px}.gu-demo .gm-scene .gm-extracted-member{padding-block:var(--space-8);gap:var(--space-4)}.gu-demo .gr-broadcast :is(.gr-shared-message p,.gr-target-message p,.gr-mention-message p){font-size:var(--demo-text-body);line-height:1.6}.gu-demo .gm-scene .gm-extract-metrics strong{font-size:22px}}@media (max-width:700px){.gu-demo .gu-scene-grid,.gu-demo .gc-layout{gap:var(--space-8);padding:var(--space-8)}.gu-demo .gc-profile{padding:var(--space-12);gap:var(--space-12)}.gu-demo .gc-profile .gc-symbol{width:48px;height:48px}}
