.demo-playback-controls{justify-content:flex-end;align-items:center;gap:var(--space-12);padding:var(--space-8) var(--space-20);border-bottom:1px solid var(--ui-border,var(--ui-border));background:var(--ui-subtle);color:var(--ui-muted);font-size:var(--demo-text-caption);min-height:42px;display:flex}.demo-playback-button-face{justify-content:center;align-items:center;gap:var(--ui-layout-space-8);opacity:0;pointer-events:none;grid-area:1/1;transition:opacity .16s,transform .16s;display:inline-flex;transform:translateY(3px)}.demo-playback-button-face[data-active=true]{opacity:1;transform:translateY(0)}.demo-playback-button-face svg{width:var(--ui-control-compact-icon);height:var(--ui-control-compact-icon);flex:none}@media (prefers-reduced-motion:reduce){.demo-playback-button-face{transition:none;transform:none}}@media (hover:hover) and (pointer:fine){.cc-demo .cc-launch-strip button:where(:not(:disabled):not([aria-disabled=true]):not([aria-busy=true])):hover,.ic-demo .ic-confirm:where(:not(:disabled):not([aria-disabled=true]):not([aria-busy=true])):hover{background:var(--ui-action-primary-hover);color:var(--ui-action-primary-fg);border-color:var(--ui-action-primary-hover);box-shadow:var(--ui-action-primary-shadow)}}.cc-demo .cc-launch-strip button:where(:not(:disabled):not([aria-disabled=true]):not([aria-busy=true])):active,.ic-demo .ic-confirm:where(:not(:disabled):not([aria-disabled=true]):not([aria-busy=true])):active{background:var(--ui-action-primary-pressed);color:var(--ui-action-primary-fg);border-color:var(--ui-action-primary-pressed);box-shadow:none}.cc-demo .cc-launch-strip button:focus-visible,.ic-demo .ic-confirm:focus-visible{outline:var(--ui-action-focus-width) solid var(--ui-action-focus);outline-offset:var(--ui-action-focus-offset)}.cc-demo .cc-launch-strip button:is(:disabled,[aria-disabled=true]),.ic-demo .ic-confirm:is(:disabled,[aria-disabled=true]){background:var(--ui-action-disabled-bg);color:var(--ui-action-disabled-fg);border-color:var(--ui-action-disabled-border);box-shadow:none;opacity:1;cursor:not-allowed}.cc-demo .cc-launch-strip button[aria-busy=true],.ic-demo .ic-confirm[aria-busy=true]{cursor:progress}@media (prefers-reduced-motion:reduce){.cc-demo .cc-launch-strip button,.ic-demo .ic-confirm{transition:none}}@media (max-width:600px){.demo-playback-controls{padding:var(--space-8) var(--space-16);gap:var(--space-8)}.demo-playback-controls>span{margin-right:auto}}.demo-interaction-boundary{border:0;min-width:0;margin:0;padding:0;display:contents}@media (prefers-reduced-motion:reduce){:is(.cc-demo,.fc-demo,.ic-demo,.gu-demo) *,:is(.cc-demo,.fc-demo,.ic-demo,.gu-demo) :before,:is(.cc-demo,.fc-demo,.ic-demo,.gu-demo) :after{transition:none!important;animation:none!important}}.demo-toolbar{justify-content:space-between;align-items:center;gap:var(--ui-layout-space-16);padding:var(--ui-layout-space-12) var(--ui-layout-space-24);border-bottom:1px solid var(--ui-border);background:var(--demo-chrome-wash);-webkit-backdrop-filter:var(--ui-glass-filter);backdrop-filter:var(--ui-glass-filter);color:var(--ui-ink);flex-wrap:wrap;display:flex}.demo-toolbar-identity{flex:1;min-width:220px}.demo-toolbar-title{align-items:center;gap:var(--ui-layout-space-12);flex-wrap:wrap;line-height:1.5;display:flex}.demo-toolbar-brand{font-size:var(--demo-text-caption);color:var(--ui-muted);font-weight:500}.demo-toolbar-title>strong{padding-left:var(--ui-layout-space-12);border-left:1px solid var(--ui-border);font-size:var(--demo-text-title);font-weight:600}.demo-toolbar-note{white-space:nowrap;font-size:var(--demo-text-caption);color:var(--ui-muted);margin:0;line-height:1.6;display:inline-block}.demo-toolbar-controls,.demo-toolbar-actions{align-items:center;gap:var(--ui-layout-space-12);flex-wrap:wrap;min-width:0;display:flex}.demo-toolbar .demo-playback-controls{gap:var(--ui-layout-space-8);background:0 0;border:0;flex-wrap:wrap;min-height:40px;padding:0}.demo-toolbar .demo-playback-controls>span{align-items:center;gap:var(--ui-layout-space-8);white-space:nowrap;font-size:var(--demo-text-caption);display:inline-flex}.demo-toolbar .demo-playback-controls>span:before{content:"";background:var(--ui-muted);border-radius:50%;flex:none;width:6px;height:6px}.demo-toolbar .demo-playback-controls[data-state=running]>span:before{background:var(--ui-brand);box-shadow:0 0 0 3px var(--demo-focus-ring)}.demo-toolbar .demo-playback-controls[data-state=complete]>span:before{background:var(--ui-success)}:is(.cc-demo,.fc-demo,.ic-demo,.gu-demo){--demo-panel-padding:var(--space-20);--demo-control-height:40px}.cc-demo :is(.cc-brief,.cc-compose){padding:var(--demo-panel-padding)}.fc-demo .fni-inspector{padding:var(--demo-panel-padding) var(--demo-panel-padding) 0}.gu-demo .gu-feature-heading{padding:var(--space-12) var(--space-20)}.ic-demo .ic-chat-heading{padding:var(--space-16) var(--demo-panel-padding)}.ic-demo .ic-composer{padding:0 var(--demo-panel-padding) var(--space-16)}.cc-demo .cc-launch-strip button,.ic-demo .ic-confirm{min-height:var(--demo-control-height);border-radius:var(--ui-radius-control);background:var(--ui-action-primary-bg);color:var(--ui-action-primary-fg);border-color:var(--ui-action-primary-border);box-shadow:var(--ui-action-primary-shadow);transition:var(--ui-action-transition);touch-action:manipulation}:is(.cc-demo,.fc-demo,.ic-demo,.gu-demo) button:focus-visible{outline:2px solid var(--ui-focus);outline-offset:3px}@media (max-width:700px){:is(.cc-demo,.fc-demo,.ic-demo,.gu-demo){--demo-panel-padding:var(--space-16);--demo-control-height:44px}.demo-toolbar{padding:var(--ui-layout-space-12) var(--ui-layout-space-16);gap:var(--ui-layout-space-12)}.demo-toolbar-identity{flex-basis:100%;min-width:0}.demo-toolbar-title{gap:var(--ui-layout-space-8);flex-wrap:wrap}.demo-toolbar-title>strong{padding-left:var(--ui-layout-space-8)}.demo-toolbar-controls{gap:var(--ui-layout-space-8);border-top:1px solid var(--ui-border);width:100%;padding-top:var(--ui-layout-space-8)}.demo-toolbar-actions{gap:var(--ui-layout-space-8)}.demo-toolbar:has(.demo-toolbar-actions) .demo-toolbar-controls{gap:var(--space-4)}.demo-toolbar .demo-playback-controls{justify-content:flex-end;gap:var(--space-4);flex:1}.demo-toolbar .demo-playback-controls>span{font-size:var(--demo-text-caption);margin-right:auto}.demo-toolbar .fc-ai-launch{font-size:var(--demo-text-action);padding:var(--ui-layout-space-8)}.demo-toolbar-actions .fc-draft-badge{display:none}.gu-demo .gu-feature-tabs>button{min-height:44px}}@media (max-width:600px){.demo-toolbar{--experience-action-inline-padding:var(--space-8);--experience-playback-min-width:84px}.demo-toolbar .demo-playback-button-face{gap:var(--space-4)}:is(.cc-demo,.ic-demo,.gu-demo) .demo-toolbar{gap:var(--space-4) var(--ui-layout-space-8);padding:var(--ui-layout-space-8) var(--ui-layout-space-12);grid-template-columns:minmax(0,1fr) auto;display:grid}:is(.cc-demo,.ic-demo,.gu-demo) :is(.demo-toolbar-identity,.demo-toolbar-controls){display:contents}:is(.cc-demo,.ic-demo,.gu-demo) .demo-toolbar-title{gap:var(--space-4) var(--ui-layout-space-8);flex-wrap:wrap;grid-area:1/1}:is(.cc-demo,.ic-demo,.gu-demo) .demo-toolbar-brand{display:none}:is(.cc-demo,.ic-demo,.gu-demo) .demo-toolbar-title>strong{font-size:var(--demo-text-title);border:0;padding:0}:is(.cc-demo,.ic-demo,.gu-demo) .demo-toolbar-title>[data-experience-part=icon]{width:var(--ui-control-badge-size);height:var(--ui-control-badge-size)}:is(.cc-demo,.ic-demo,.gu-demo) .demo-toolbar-note{font-size:var(--demo-text-caption);margin:0;line-height:16px}:is(.cc-demo,.ic-demo,.gu-demo) .demo-toolbar .demo-playback-controls{gap:var(--space-4);flex-wrap:nowrap;grid-area:1/2;display:flex}:is(.cc-demo,.ic-demo,.gu-demo) .demo-toolbar .demo-playback-controls>button{white-space:nowrap;flex:none}:is(.cc-demo,.ic-demo,.gu-demo) .demo-toolbar .demo-playback-controls>span{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}}.ic-demo .ic-compose-footer .ic-confirm{min-height:var(--demo-control-height)}@media (max-width:700px){.demo-toolbar .demo-playback-controls{flex-wrap:wrap;min-width:0}.demo-toolbar:has(.demo-toolbar-actions) .demo-playback-controls{flex-basis:100%}.demo-toolbar:has(.demo-toolbar-actions) .demo-playback-controls>span{text-align:left;flex-basis:auto}}@media (min-width:701px){.cc-demo .cc-launch-strip .cc-send-preview,.cc-demo button.cc-generate,.ic-demo .ic-compose-footer .ic-confirm,.gu-demo button.gu-button{min-height:36px;padding:var(--space-4) var(--space-12);gap:var(--space-8);line-height:1.5}}@media (max-width:700px){.cc-demo .cc-launch-strip .cc-send-preview,.cc-demo button.cc-generate,.ic-demo .ic-compose-footer .ic-confirm,.gu-demo button.gu-button{min-height:44px;padding:var(--space-4) var(--space-12);gap:var(--space-8);line-height:1.5}}