.spinner{fill:none;stroke:currentColor;stroke-width:2.2px;vector-effect:non-scaling-stroke;animation:spinner-turn 1s var(--motion-easing-linear) infinite;flex:none}.spinner path{vector-effect:non-scaling-stroke}@keyframes spinner-turn{to{rotate:1turn}}.button{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);font:var(--type-label);white-space:nowrap;border-radius:var(--radius-md);cursor:pointer;border:0;line-height:20px;text-decoration:none;display:inline-flex}.button-small{padding:var(--space-2) var(--space-4);font:var(--type-label-sm);border-radius:var(--radius-sm);gap:6px;line-height:20px}.button-primary{color:var(--text-on-brand);background:var(--action-primary)}.button-primary:hover,.button-primary[data-state=hover]{background:var(--action-primary-hover)}.button-primary:active,.button-primary[data-state=pressed]{background:var(--action-primary-pressed)}.button-secondary{color:var(--text-default);background:var(--action-secondary)}.button-secondary:hover,.button-secondary[data-state=hover]{background:var(--action-secondary-hover)}.button-secondary:active,.button-secondary[data-state=pressed]{background:var(--action-secondary-pressed)}.button-ghost{color:var(--text-link);background:0 0}.button-ghost:focus-visible,.button-ghost[data-state=focus]{background:var(--surface-page)}.button-ghost:hover,.button-ghost[data-state=hover]{background:var(--action-ghost-hover)}.button-ghost:active,.button-ghost[data-state=pressed]{background:var(--action-ghost-pressed)}.button-destructive{color:var(--text-on-brand);background:var(--action-destructive)}.button-destructive:hover,.button-destructive[data-state=hover]{background:var(--action-destructive-hover)}.button-destructive:active,.button-destructive[data-state=pressed]{background:var(--action-destructive-pressed)}.button[data-state=focus]{box-shadow:var(--shadow-focus-ring)}.button:disabled,.button[aria-disabled=true]{color:var(--text-disabled);background:var(--color-grey-200);cursor:not-allowed}.button-ghost:disabled,.button-ghost[aria-disabled=true]{background:0 0}.button[aria-busy=true]{cursor:progress}.menu-panel{gap:var(--space-0-5);background:var(--surface-page);border:var(--border-width-1) solid var(--border-subtle);border-radius:var(--radius-md);min-inline-size:100%;max-inline-size:480px;box-shadow:var(--shadow-elevation-2);padding:6px;display:grid}.menu-list{gap:var(--space-0-5);max-block-size:320px;display:grid;overflow-y:auto}.menu-item{gap:var(--space-3);min-block-size:40px;padding:10px var(--space-3);color:var(--text-default);border-radius:var(--radius-sm);cursor:pointer;align-items:center;display:flex}.menu-item:hover,.menu-item-highlighted{background:var(--surface-sunken)}.menu-item-image{object-fit:contain;flex:none;block-size:20px;inline-size:20px}.menu-item-swatch{background:var(--swatch);border:var(--border-width-1) solid var(--text-default);border-radius:50%;flex:none;block-size:12px;inline-size:12px;margin:4px}.menu-item-check{color:var(--action-primary);margin-inline-start:auto}.menu-item-text{gap:var(--space-0-5);flex:1;min-inline-size:0;display:grid}.menu-item-label{font:var(--type-body);overflow-wrap:anywhere}.menu-item-selected .menu-item-label{font:var(--type-label)}.menu-item-description{font:var(--type-caption);color:var(--text-secondary)}.menu-item[aria-disabled=true]{color:var(--text-disabled);cursor:not-allowed}.menu-item[aria-disabled=true]:hover{background:0 0}.menu-item[aria-disabled=true] .menu-item-description{color:var(--text-disabled)}.menu-item-destructive{color:var(--status-error-fg)}.menu-group-label{padding:10px var(--space-3) var(--space-1);letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);font:700 12px/1.4 Lato,sans-serif}.menu-divider{background:var(--border-subtle);block-size:1px;margin-block:1px}.message{--message-fg:var(--text-default);--message-bg:var(--surface-page);--message-border:var(--border-subtle);gap:var(--space-3);color:var(--text-default);background:var(--message-bg);align-items:center;display:flex}.message-info{--message-fg:var(--status-info-fg);--message-bg:var(--status-info-bg);--message-border:var(--status-info-border)}.message-success{--message-fg:var(--status-success-fg);--message-bg:var(--status-success-bg);--message-border:var(--status-success-border)}.message-warning{--message-fg:var(--status-warning-fg);--message-bg:var(--status-warning-bg);--message-border:var(--status-warning-border)}.message-error{--message-fg:var(--status-error-fg);--message-bg:var(--status-error-bg);--message-border:var(--status-error-border)}.message>.icon{color:var(--message-fg);flex:none}.message-text{min-inline-size:0;font:var(--type-body);flex:1}.message-action{font:var(--type-label);color:var(--text-default);text-underline-offset:3px;cursor:pointer;background:0 0;border:0;flex:none;padding:0;font-size:15px;text-decoration:underline}.message-dismiss{block-size:32px;inline-size:32px;color:var(--text-secondary);border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:0;flex:none;place-items:center;padding:0;display:inline-grid}.message-dismiss:hover{color:var(--text-default);background:var(--surface-sunken)}.alert{padding:var(--space-4) var(--space-3) var(--space-4) var(--space-4);border:var(--border-width-1) solid var(--message-border);border-radius:var(--radius-md);align-items:start}.alert>.icon{margin-block-start:1px}.alert>.message-dismiss{margin-block:-6px}.alert-content{gap:var(--space-1);flex:1;min-inline-size:0;display:grid}.alert-title{font:var(--type-label);font-size:15px;line-height:20px}.alert-body{font:var(--type-body);color:var(--text-secondary);font-size:15px;line-height:22px}.alert-actions{gap:var(--space-5);padding-block-start:var(--space-2);display:flex}.toast{min-block-size:52px;inline-size:min(400px,100%);padding:var(--space-3) var(--space-2) var(--space-3) var(--space-4);border:var(--border-width-1) solid var(--message-border);border-radius:var(--radius-md);box-shadow:var(--shadow-elevation-3)}.toast.message{--message-bg:var(--surface-page);--message-border:var(--border-subtle)}.toast .message-text{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.toast .message-action{color:var(--text-link)}.toast>.spinner{color:var(--text-default)}.toast-frame{animation:toast-enter var(--motion-duration-moderate) var(--motion-easing-enter)}.toast-frame[data-leaving]{animation:toast-leave var(--motion-duration-base) var(--motion-easing-exit) forwards}.toast-region{z-index:var(--z-toast);pointer-events:none;position:fixed;inset-block-end:var(--space-6);inset-inline-start:var(--space-6)}.toast-list{gap:var(--space-2);margin:0;padding:0;list-style:none;display:grid}.toast-list li{pointer-events:auto}.banner{min-block-size:52px;inline-size:100%;padding:var(--space-3) var(--space-4) var(--space-3) var(--space-6);border-block-end:var(--border-width-1) solid var(--message-border)}@media (width<48rem){.toast-region{inset-inline:var(--space-4)}.toast{inline-size:100%}}@keyframes toast-enter{0%{opacity:0;translate:0 var(--motion-distance-sm)}}@keyframes toast-leave{to{opacity:0}}