.sg-skip-link{position:absolute;top:-100px;left:var(--uds-space-200);z-index:var(--uds-z-index-skip-link);padding:var(--uds-space-100) var(--uds-space-200);background:var(--uds-color-surface-interactive-default);color:var(--uds-color-text-inverse);font-size:var(--uds-font-size-base);font-weight:var(--uds-font-weight-medium);border-radius:var(--uds-border-radius-input);text-decoration:none;transition:top .12s}.sg-skip-link:focus{top:var(--uds-space-100)}.sg-sidebar-slot{position:relative}.sg-sidebar{position:-webkit-sticky;position:sticky;top:51px;height:calc(100vh - 51px);overflow-y:auto;border-right:1px solid var(--uds-color-border-secondary);padding:var(--uds-space-200) var(--uds-space-100);background:var(--uds-color-surface-page-main);font-size:var(--uds-font-size-base);scrollbar-width:thin;scrollbar-color:transparent transparent;transition:scrollbar-color var(--ds-transition-slow)}.sg-sidebar:hover{scrollbar-color:var(--uds-color-border-secondary) transparent}.sg-sidebar::-webkit-scrollbar{width:4px}.sg-sidebar::-webkit-scrollbar-thumb{background:transparent;border-radius:var(--ds-radius-full);-webkit-transition:background var(--ds-transition-slow);transition:background var(--ds-transition-slow)}.sg-sidebar:hover::-webkit-scrollbar-thumb{background:var(--uds-color-border-secondary)}.sg-sidebar-heading{display:block;font-size:var(--uds-font-size-xs);font-weight:var(--uds-font-weight-bold);text-transform:uppercase;letter-spacing:.08em;color:var(--uds-color-text-secondary);padding:var(--uds-space-075) var(--uds-space-200);margin-top:var(--uds-space-250)}.sg-sidebar-heading:first-of-type{margin-top:var(--uds-space-100)}.sg-sidebar-link{display:flex;align-items:center;gap:var(--uds-space-100);padding:6px var(--uds-space-200);margin:1px 0;color:var(--uds-color-text-primary);text-decoration:none;border-radius:var(--ds-radius-md);border-left:none;transition:background var(--ds-transition-fast),color var(--ds-transition-fast);font-size:var(--uds-font-size-base)}.sg-sidebar-link:hover{background:var(--uds-color-surface-subtle)}.sg-sidebar-link.active{color:var(--uds-color-text-interactive);font-weight:var(--uds-font-weight-medium);background:color-mix(in srgb,var(--uds-color-surface-interactive-subtle) 60%,transparent)}.sg-sidebar-link:focus-visible{outline:none;box-shadow:var(--ds-focus-ring)}.sg-sidebar-link.disabled{color:var(--uds-color-text-disabled);pointer-events:none}.sg-sidebar-link--getting-started{font-weight:var(--uds-font-weight-medium);padding-top:8px;padding-bottom:8px}.sg-sidebar-link--getting-started:last-of-type{margin-bottom:var(--uds-space-100);padding-bottom:12px;border-bottom:1px solid var(--uds-color-border-secondary)}.sg-sidebar-status-dot{width:6px;height:6px;border-radius:var(--ds-radius-full);flex-shrink:0}.sg-sidebar-status-dot[data-status=production]{background:var(--uds-color-surface-success)}.sg-sidebar-status-dot[data-status=in-progress]{background:var(--uds-color-surface-warning)}.sg-sidebar-status-dot[data-status=in-review]{background:var(--uds-color-surface-info)}.sg-sidebar-status-dot[data-status=placeholder]{background:var(--uds-color-border-secondary)}.sg-sidebar-status-dot[data-status=deprecated]{background:var(--uds-color-surface-error)}.sg-sidebar-toggle{display:none;position:fixed;bottom:var(--uds-space-300);left:var(--uds-space-300);z-index:var(--uds-z-index-overlay);width:44px;height:44px;border-radius:var(--ds-radius-full);border:1px solid var(--uds-color-border-secondary);background:var(--ds-glass-bg-heavy);backdrop-filter:var(--ds-glass-blur);-webkit-backdrop-filter:var(--ds-glass-blur);color:var(--uds-color-text-primary);box-shadow:var(--ds-shadow-lg);cursor:pointer;align-items:center;justify-content:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0}.sg-sidebar-toggle .material-symbols-outlined{font-size:22px;line-height:1}.sg-sidebar-toggle:focus-visible{outline:none;box-shadow:var(--ds-focus-ring),var(--ds-shadow-lg)}@media (max-width:860px){.sg-sidebar-toggle{display:flex}.sg-sidebar{position:fixed;top:51px;left:0;bottom:0;width:280px;z-index:var(--uds-z-index-overlay);transform:translateX(-100%);transition:transform var(--ds-transition-slow);box-shadow:none;height:auto}.sg-sidebar[data-mobile-open=true]{transform:translateX(0);box-shadow:var(--ds-shadow-lg)}.sg-sidebar-backdrop{display:none;position:fixed;inset:0;top:51px;z-index:calc(var(--uds-z-index-overlay) - 1);background:color-mix(in srgb,var(--uds-color-surface-page-inverse) 30%,transparent);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}.sg-sidebar-backdrop[data-visible=true]{display:block}}.sg-header{position:-webkit-sticky;position:sticky;top:0;z-index:var(--uds-z-index-header);font-family:var(--uds-font-family)}.sg-brand-bar{position:relative;background:var(--ds-glass-bg);backdrop-filter:var(--ds-glass-blur);-webkit-backdrop-filter:var(--ds-glass-blur);border-bottom:var(--ds-glass-border);color:var(--uds-color-text-primary);padding:0 var(--uds-space-300);height:48px;display:flex;align-items:center;gap:var(--uds-space-200)}.sg-brand-bar:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--ds-gradient-brand)}.sg-brand-bar-title{font-size:var(--uds-font-size-md);font-weight:var(--uds-font-weight-bold);letter-spacing:.02em;background:var(--ds-gradient-brand);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.sg-brand-bar-subtitle{font-weight:var(--uds-font-weight-regular)}.sg-brand-bar-subtitle,.sg-brand-bar-version{font-size:var(--uds-font-size-sm);color:var(--uds-color-text-secondary)}.sg-brand-bar-version{font-weight:var(--uds-font-weight-medium)}.sg-brand-bar-build{font-size:var(--uds-font-size-xs);font-weight:var(--uds-font-weight-regular);padding-left:var(--uds-space-150);border-left:1px solid var(--uds-color-border-secondary);margin-left:auto}.sg-brand-bar-build,.sg-demo-btn{color:var(--uds-color-text-secondary)}.sg-demo-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid var(--uds-color-border-secondary);border-radius:var(--ds-radius-md);background:transparent;cursor:pointer;transition:background var(--ds-transition-fast),color var(--ds-transition-fast),border-color var(--ds-transition-fast);-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;flex-shrink:0}.sg-demo-btn:hover{background:var(--uds-color-surface-subtle);color:var(--uds-color-text-primary);border-color:var(--uds-color-border-primary)}.sg-demo-btn:focus-visible{outline:none;box-shadow:var(--ds-focus-ring)}.sg-demo-btn .material-symbols-outlined{font-size:18px;line-height:1}.sg-demo-tooltip-wrapper{position:relative;display:inline-flex}.sg-demo-tooltip{position:absolute;z-index:var(--uds-z-index-tooltip);top:calc(100% + var(--uds-space-050));left:50%;transform:translateX(-50%);min-width:max-content;max-width:220px;padding:var(--uds-space-075) var(--uds-space-100);border-radius:var(--uds-border-radius-input);background:var(--uds-color-surface-inverse,#171717);color:var(--uds-color-text-inverse,#fff);font-size:var(--uds-font-size-xs);line-height:var(--uds-font-line-height-xs);opacity:0;visibility:hidden;pointer-events:none}.sg-demo-tooltip-wrapper:focus-within .sg-demo-tooltip,.sg-demo-tooltip-wrapper:hover .sg-demo-tooltip{opacity:1;visibility:visible}.sg-header-search-trigger{flex:1 1 auto;max-width:480px;margin:0 auto;min-width:200px;display:flex;align-items:center;gap:var(--uds-space-100);height:34px;padding:0 var(--uds-space-200);background:var(--uds-color-surface-subtle);border:1px solid var(--uds-color-border-secondary);border-radius:var(--ds-radius-full);color:var(--uds-color-text-secondary);font-family:var(--uds-font-family);font-size:var(--uds-font-size-sm);cursor:pointer;transition:background var(--ds-transition-fast),border-color var(--ds-transition-fast),box-shadow var(--ds-transition-base);-webkit-appearance:none;-moz-appearance:none;appearance:none}.sg-header-search-trigger:hover{background:var(--uds-color-surface-alt);border-color:var(--uds-color-border-primary)}.sg-header-search-trigger:focus-visible{outline:none;box-shadow:var(--ds-focus-glow);border-color:var(--uds-color-border-interactive)}.sg-header-search-trigger__icon{font-size:16px;line-height:1;flex-shrink:0;color:var(--uds-color-text-secondary)}.sg-header-search-trigger__placeholder{flex:1 1;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sg-header-search-trigger__kbds{display:inline-flex;align-items:center;gap:4px;flex-shrink:0}.sg-header-search-trigger__kbds kbd{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 5px;font-family:monospace;font-size:10px;font-weight:var(--uds-font-weight-bold);background:var(--uds-color-surface-alt);border:1px solid var(--uds-color-border-secondary);border-radius:var(--ds-radius-sm);color:var(--uds-color-text-secondary);line-height:1}@media (max-width:720px){.sg-header-search-trigger__kbds{display:none}.sg-header-search-trigger{min-width:0}.sg-header-search-trigger__placeholder{display:none}}.sg-version-select{font-size:var(--uds-font-size-xs);font-weight:var(--uds-font-weight-medium);font-family:var(--uds-font-family);background:var(--uds-color-surface-subtle);color:var(--uds-color-text-primary);border:1px solid var(--uds-color-border-secondary);border-radius:var(--ds-radius-full);padding:4px 24px 4px 10px;cursor:pointer;-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' fill='none'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%23888' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center;transition:background var(--ds-transition-fast),border-color var(--ds-transition-fast)}.sg-version-select:hover{border-color:var(--uds-color-border-primary);background-color:var(--uds-color-surface-alt)}.sg-version-select:focus-visible{outline:none;box-shadow:var(--ds-focus-ring)}.sg-version-select option{background:var(--uds-color-surface-page-main);color:var(--uds-color-text-primary)}.sg-shell{display:grid;grid-template-columns:260px 1fr;min-height:calc(100vh - 51px)}@media (max-width:860px){.sg-shell{grid-template-columns:1fr}}.sg-theme-bar-wrapper{position:absolute;top:100%;left:0;right:0;z-index:var(--uds-z-index-dropdown);display:grid;grid-template-rows:0fr;transition:grid-template-rows var(--ds-transition-slow);border-bottom:1px solid transparent}.sg-theme-bar-wrapper[data-open=true]{grid-template-rows:1fr;border-bottom-color:var(--uds-color-border-secondary)}.sg-theme-bar{overflow:hidden;background:var(--ds-glass-bg-heavy);backdrop-filter:var(--ds-glass-blur);-webkit-backdrop-filter:var(--ds-glass-blur);padding:0 var(--uds-space-300);display:flex;align-items:center;gap:var(--uds-space-250);white-space:nowrap;scrollbar-width:thin;scrollbar-color:var(--uds-color-border-secondary) transparent}.sg-theme-bar-wrapper[data-open=true] .sg-theme-bar{padding-top:var(--uds-space-100);padding-bottom:var(--uds-space-100);overflow-x:auto;overflow-y:hidden}.sg-theme-bar::-webkit-scrollbar{height:3px}.sg-theme-bar::-webkit-scrollbar-thumb{background:var(--uds-color-border-secondary);border-radius:3px}.sg-theme-bar::-webkit-scrollbar-track{background:transparent}.sg-theme-bar-label{font-family:var(--uds-font-family);font-size:var(--uds-font-size-xs);font-weight:var(--uds-font-weight-bold);text-transform:uppercase;letter-spacing:.06em;color:var(--uds-color-text-secondary);flex-shrink:0}.sg-theme-group{display:flex;align-items:center;gap:var(--uds-space-075);flex-shrink:0}.sg-theme-option-btn{display:inline-flex;align-items:center;justify-content:center;min-height:32px;padding:var(--uds-space-075) var(--uds-space-150);border:1px solid var(--uds-color-border-interactive);border-radius:var(--uds-border-radius-input);background:var(--uds-color-surface-main);color:var(--uds-color-text-interactive);font-family:var(--uds-font-family);font-size:var(--uds-font-size-sm);font-weight:var(--uds-font-weight-medium);cursor:pointer}.sg-theme-option-btn[data-active=true]{background:var(--uds-color-surface-interactive-default);border-color:var(--uds-color-surface-interactive-default);color:var(--uds-color-text-inverse)}.sg-theme-option-btn:hover{background:var(--uds-color-surface-interactive-subtle-hover)}.sg-theme-option-btn[data-active=true]:hover{background:var(--uds-color-surface-interactive-hover);border-color:var(--uds-color-surface-interactive-hover)}.sg-theme-option-btn:focus-visible{outline:none;box-shadow:var(--ds-focus-ring)}.sg-theme-toggle-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid var(--uds-color-border-secondary);border-radius:var(--ds-radius-md);background:transparent;color:var(--uds-color-text-secondary);cursor:pointer;transition:background var(--ds-transition-fast),color var(--ds-transition-fast),border-color var(--ds-transition-fast),transform var(--ds-transition-base);-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;flex-shrink:0}.sg-theme-toggle-btn:hover{background:var(--uds-color-surface-subtle);color:var(--uds-color-text-primary);border-color:var(--uds-color-border-primary)}.sg-theme-toggle-btn[aria-expanded=true]{color:var(--uds-color-text-interactive);border-color:var(--uds-color-border-interactive);transform:rotate(45deg)}.sg-theme-toggle-btn:focus-visible{outline:none;box-shadow:var(--ds-focus-ring)}.sg-theme-toggle-btn .material-symbols-outlined{font-size:18px;line-height:1}.sg-main{padding:var(--uds-space-400) var(--uds-space-500) var(--uds-space-1000);max-width:1100px;min-width:0;overflow-y:auto;height:calc(100vh - 51px)}@media (max-width:860px){.sg-main{padding:var(--uds-space-300) var(--uds-space-300) var(--uds-space-700);height:auto;min-height:calc(100vh - 51px)}}