.sg-token-search{position:fixed;inset:0;z-index:var(--uds-z-index-modal);background:color-mix(in srgb,var(--uds-color-surface-page-inverse) 30%,transparent);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:none;align-items:flex-start;justify-content:center;padding:10vh 24px 24px}.sg-token-search[data-open=true]{display:flex}.sg-token-search__panel{width:100%;max-width:640px;background:var(--ds-glass-bg-heavy);backdrop-filter:var(--ds-glass-blur);-webkit-backdrop-filter:var(--ds-glass-blur);border:var(--ds-glass-border);border-radius:var(--ds-radius-lg);box-shadow:var(--ds-shadow-lg);overflow:hidden;display:flex;flex-direction:column;max-height:calc(100vh - 15vh)}.sg-token-search__field{display:flex;align-items:center;gap:var(--uds-space-100);padding:var(--uds-space-200) var(--uds-space-250);border-bottom:1px solid var(--uds-color-border-secondary)}.sg-token-search__icon{color:var(--uds-color-text-secondary);font-size:20px}.sg-token-search__input{flex:1 1;border:none;outline:none;background:transparent;font-family:var(--uds-font-family);font-size:var(--uds-font-size-md);color:var(--uds-color-text-primary)}.sg-token-search__input::placeholder{color:var(--uds-color-text-secondary)}.sg-token-search__footer kbd,.sg-token-search__hint{display:inline-flex;align-items:center;justify-content:center;min-width:22px;padding:1px 6px;font-family:monospace;font-size:var(--uds-font-size-xs);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)}.sg-token-search__results{flex:1 1;overflow-y:auto;padding:var(--uds-space-100) 0;scrollbar-width:thin;scrollbar-color:var(--uds-color-border-secondary) transparent}.sg-token-search__empty{padding:var(--uds-space-400) var(--uds-space-200);text-align:center;font-size:var(--uds-font-size-sm)}.sg-token-search__count,.sg-token-search__empty{font-family:var(--uds-font-family);color:var(--uds-color-text-secondary)}.sg-token-search__count{padding:var(--uds-space-100) var(--uds-space-250);font-size:var(--uds-font-size-xs);background:var(--uds-color-surface-subtle);border-bottom:1px solid var(--uds-color-border-secondary);position:-webkit-sticky;position:sticky;top:0;z-index:var(--uds-z-index-sticky)}.sg-token-search__count strong{color:var(--uds-color-text-primary);font-weight:var(--uds-font-weight-bold)}.sg-token-search__count code{font-family:monospace;font-size:.95em;background:var(--uds-color-surface-alt);padding:1px 4px;border-radius:var(--ds-radius-sm)}.sg-token-search__group-title{padding:var(--uds-space-150) var(--uds-space-250) var(--uds-space-050);font-family:var(--uds-font-family);font-size:var(--uds-font-size-xs);text-transform:uppercase;letter-spacing:.06em;display:flex;gap:var(--uds-space-100)}.sg-token-search__group-count,.sg-token-search__group-title{font-weight:var(--uds-font-weight-bold);color:var(--uds-color-text-secondary);align-items:center}.sg-token-search__group-count{display:inline-flex;justify-content:center;min-width:22px;height:18px;padding:0 6px;background:var(--uds-color-surface-alt);border-radius:var(--ds-radius-full);font-size:10px;letter-spacing:0;text-transform:none}.sg-token-search__row{display:flex;align-items:center;gap:var(--uds-space-150);padding:var(--uds-space-100) var(--uds-space-250);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-family:var(--uds-font-family);border-radius:var(--ds-radius-sm);margin:0 var(--uds-space-100);transition:background var(--ds-transition-fast)}.sg-token-search__row:hover,.sg-token-search__row[data-active=true]{background:var(--uds-color-surface-interactive-subtle-hover)}.sg-token-search__row:focus-visible{outline:none;box-shadow:var(--ds-focus-ring)}.sg-token-search__swatch{flex-shrink:0;width:20px;height:20px;border-radius:var(--ds-radius-sm);border:1px solid var(--uds-color-border-secondary);box-shadow:var(--ds-shadow-sm)}.sg-token-search__name{flex:1 1;min-width:0;font-family:monospace;font-size:var(--uds-font-size-sm);color:var(--uds-color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sg-token-search__name mark{background:color-mix(in srgb,var(--uds-color-surface-warning-subtle) 80%,transparent);color:inherit;padding:0 2px;border-radius:2px}.sg-token-search__value{font-family:monospace;max-width:180px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sg-token-search__category,.sg-token-search__value{flex-shrink:0;font-size:var(--uds-font-size-xs);color:var(--uds-color-text-secondary)}.sg-token-search__category{font-weight:var(--uds-font-weight-bold);text-transform:uppercase;letter-spacing:.04em}.sg-token-search__footer{display:flex;gap:var(--uds-space-200);padding:var(--uds-space-100) var(--uds-space-250);border-top:1px solid var(--uds-color-border-secondary);background:var(--uds-color-surface-subtle);font-family:var(--uds-font-family);font-size:var(--uds-font-size-xs);color:var(--uds-color-text-secondary)}.sg-token-search__footer kbd{margin-right:4px}.sg-demo-dialog-backdrop{position:fixed;inset:0;z-index:var(--uds-z-index-modal);display:grid;place-items:center;padding:var(--uds-space-300);background:var(--uds-overlay-backdrop,rgb(0 0 0/45%))}.sg-demo-dialog{max-width:720px;width:calc(100vw - 48px);max-height:calc(100vh - 48px);overflow:auto;padding:var(--uds-space-300);border-radius:var(--uds-border-radius-container-md);background:var(--uds-color-surface-main);box-shadow:var(--uds-shadow-depth-500);color:var(--uds-color-text-primary)}.sg-demo-dialog__header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--uds-space-200);margin-bottom:var(--uds-space-250)}.sg-demo-dialog__title{margin:0;color:var(--uds-color-text-primary);font-family:var(--uds-font-family);font-size:var(--uds-font-size-xl);font-weight:var(--uds-font-weight-bold);line-height:var(--uds-font-line-height-400)}.sg-demo-dialog__close{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:0;border-radius:var(--uds-border-radius-input);background:transparent;color:var(--uds-color-icon-secondary);cursor:pointer}.sg-demo-dialog__close:hover{background:var(--uds-color-surface-subtle);color:var(--uds-color-icon-primary)}.sg-demo-dialog__close:focus-visible{outline:none;box-shadow:var(--ds-focus-ring)}.sg-demo-dialog__body{font-family:var(--uds-font-family)}.sg-demo-dialog__footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--uds-space-100);margin-top:var(--uds-space-300)}.sg-demo-action-btn{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:var(--uds-space-100) var(--uds-space-200);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-base);font-weight:var(--uds-font-weight-medium);cursor:pointer}.sg-demo-action-btn--sm{min-height:32px;padding:var(--uds-space-075) var(--uds-space-150);font-size:var(--uds-font-size-sm)}.sg-demo-action-btn--primary{background:var(--uds-color-surface-interactive-default);border-color:var(--uds-color-surface-interactive-default);color:var(--uds-color-text-inverse)}.sg-demo-action-btn:hover:not(:disabled){background:var(--uds-color-surface-interactive-subtle-hover)}.sg-demo-action-btn--primary:hover:not(:disabled){background:var(--uds-color-surface-interactive-hover);border-color:var(--uds-color-surface-interactive-hover)}.sg-demo-action-btn:disabled{cursor:not-allowed;opacity:.65}.sg-demo-action-btn:focus-visible{outline:none;box-shadow:var(--ds-focus-ring)}.sg-demo-history{padding:var(--uds-space-200);display:flex;align-items:center;gap:var(--uds-space-200)}.sg-demo-history,.sg-demo-history-empty{border-radius:var(--uds-border-radius-input);background:var(--uds-color-surface-subtle);margin-bottom:var(--uds-space-300)}.sg-demo-history-empty{font-size:var(--uds-font-size-sm);color:var(--uds-color-text-secondary);padding:var(--uds-space-150) var(--uds-space-200);text-align:center}.sg-demo-history-meta{flex:1 1;min-width:0}.sg-demo-history-meta strong{font-size:var(--uds-font-size-base);display:block;margin-bottom:var(--uds-space-050)}.sg-demo-history-meta span{font-size:var(--uds-font-size-sm);color:var(--uds-color-text-secondary)}.sg-demo-select-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--uds-space-150)}.sg-demo-select-row span{font-size:var(--uds-font-size-sm);font-weight:var(--uds-font-weight-bold);color:var(--uds-color-text-primary)}.sg-demo-select-link{font-size:var(--uds-font-size-sm);color:var(--uds-color-text-interactive);cursor:pointer;border:none;background:none;text-decoration:underline;font-family:var(--uds-font-family)}.sg-demo-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:var(--uds-space-100) var(--uds-space-200);gap:var(--uds-space-100) var(--uds-space-200);margin-bottom:var(--uds-space-200)}.sg-demo-grid label{display:flex;align-items:center;gap:var(--uds-space-100);font-size:var(--uds-font-size-base);color:var(--uds-color-text-primary);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.sg-demo-grid input[type=checkbox]{accent-color:var(--uds-color-surface-interactive-default);width:16px;height:16px;margin:0;cursor:pointer}.sg-demo-status-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-left:var(--uds-space-075);vertical-align:middle;flex-shrink:0}.sg-demo-status-dot--placeholder{background:var(--uds-color-text-secondary)}.sg-demo-status-dot--blocked{background:var(--uds-color-surface-error)}.sg-demo-status-dot--in-progress{background:var(--uds-color-surface-warning)}.sg-demo-status-dot--review{background:var(--uds-color-surface-warning-subtle);border:1px solid var(--uds-color-text-warning)}.sg-demo-status-dot--production{background:var(--uds-color-surface-success)}.sg-demo-spinner{display:inline-block;width:14px;height:14px;border:2px solid color-mix(in srgb,var(--uds-color-text-inverse) 30%,transparent);border-top-color:var(--uds-color-text-inverse);border-radius:50%;animation:sg-spin .6s linear infinite;margin-right:var(--uds-space-075);vertical-align:middle}@keyframes sg-spin{to{transform:rotate(1turn)}}.sg-demo-error{font-size:var(--uds-font-size-sm);color:var(--uds-color-text-error);margin-top:var(--uds-space-100)}.sg-demo-overlay{position:fixed;inset:0;z-index:var(--uds-z-index-modal);background:var(--uds-color-surface-page-main);display:flex;flex-direction:column}.sg-demo-overlay-toolbar{display:flex;align-items:center;justify-content:space-between;padding:8px 16px;background:var(--uds-color-surface-interactive-default);color:var(--uds-color-text-inverse);font-family:var(--uds-font-family);font-size:14px;flex-shrink:0}.sg-demo-overlay-toolbar__title{font-weight:700}.sg-demo-overlay-toolbar__actions{display:flex;gap:8px}.sg-demo-overlay-toolbar__btn{background:color-mix(in srgb,var(--uds-color-text-inverse) 15%,transparent);border:none;color:inherit;padding:4px 12px;border-radius:6px;cursor:pointer;font-family:inherit;font-size:13px;display:inline-flex;align-items:center;gap:6px}.sg-demo-overlay-toolbar__btn:hover{background:color-mix(in srgb,var(--uds-color-text-inverse) 25%,transparent)}.sg-demo-overlay-toolbar__btn[disabled]{opacity:.6;cursor:progress}.sg-demo-overlay-toolbar__btn .material-symbols-outlined{font-size:16px}.sg-demo-overlay-iframe{flex:1 1;border:none;width:100%}.sg-archive-banner{position:-webkit-sticky;position:sticky;top:51px;z-index:var(--uds-z-index-sticky);display:flex;align-items:center;justify-content:space-between;gap:var(--uds-space-200);padding:var(--uds-space-075) var(--uds-space-300);background:color-mix(in srgb,var(--uds-color-surface-warning-subtle) 60%,var(--uds-color-surface-page-main));border-bottom:1px solid color-mix(in srgb,var(--uds-color-border-warning) 40%,transparent);color:var(--uds-color-text-primary);font-family:var(--uds-font-family);font-size:var(--uds-font-size-sm)}.sg-archive-banner__label{flex:1 1 auto;line-height:1.5}.sg-archive-banner__version{display:inline-block;background:var(--uds-color-surface-warning);color:var(--uds-color-text-inverse);padding:1px 8px;border-radius:var(--ds-radius-full);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;font-weight:var(--uds-font-weight-medium)}.sg-archive-banner__exit{flex:0 0 auto;background:none;border:none;color:var(--uds-color-text-interactive);text-decoration:none;font-weight:var(--uds-font-weight-medium);white-space:nowrap;cursor:pointer;font-family:inherit;font-size:inherit;transition:color var(--ds-transition-fast)}.sg-archive-banner__exit:hover{text-decoration:underline}.sg-archive-banner__exit:focus-visible{outline:none;box-shadow:var(--ds-focus-ring);border-radius:var(--ds-radius-sm)}