/* DESIGN.md: action typography + existing semantic colors + workspace density. */
.sns-button .sns-remix-icon,.sns-menu-item .sns-remix-icon{fill:currentColor;stroke:none;stroke-width:0}
.sns-button .sns-button-spinner.sns-remix-icon{border:0;border-radius:0}
.sns-button{box-sizing:border-box;display:inline-flex;position:relative;align-items:center;justify-content:center;gap:var(--gap-icon);min-height:var(--size-control);max-width:100%;padding:var(--padding-control-y) var(--padding-control-x);border:1px solid transparent;border-radius:var(--radius-control);background:var(--color-action-primary);color:var(--color-action-on-primary);font:var(--font-weight-medium) var(--font-size-14)/var(--font-leading-14) var(--font-family-ui);letter-spacing:var(--font-letter-spacing-normal);text-align:center;text-decoration:none;vertical-align:middle;white-space:normal;overflow-wrap:anywhere;box-shadow:none;cursor:pointer;opacity:1}
.sns-button svg{width:var(--size-icon);height:var(--size-icon);color:currentColor;flex:none}
.sns-button[data-kind="icon"][data-icon-size="20"] svg{width:20px;height:20px}
.sns-button[data-kind="icon"][data-icon-size="24"] svg{width:24px;height:24px}

.sns-button:not(:disabled):not([aria-disabled="true"]):is(:hover,[data-state="hover"]){background:var(--color-action-hover)}
.sns-button:not(:disabled):not([aria-disabled="true"]):is(:active,[data-state="pressed"]){background:var(--color-action-active)}
.sns-button[data-kind="secondary"]{background:var(--color-action-secondary);color:var(--color-action-on-secondary)}
.sns-button[data-kind="secondary"]:not(:disabled):not([aria-disabled="true"]):is(:hover,[data-state="hover"]){background:var(--color-action-secondary-hover)}
.sns-button[data-kind="secondary"]:not(:disabled):not([aria-disabled="true"]):is(:active,[data-state="pressed"]){background:var(--color-action-secondary-active)}
.sns-button[data-kind="outline"]{background:var(--color-bg-surface);color:var(--color-action-primary);border-color:var(--color-action-primary)}
.sns-button[data-kind="outline"]:not(:disabled):not([aria-disabled="true"]):is(:hover,[data-state="hover"]){background:var(--color-bg-hover);color:var(--color-action-hover);border-color:var(--color-action-hover)}
.sns-button[data-kind="outline"]:not(:disabled):not([aria-disabled="true"]):is(:active,[data-state="pressed"]){background:var(--color-action-secondary);color:var(--color-action-link-active);border-color:var(--color-action-active)}
.sns-button[data-kind="text"]{background:transparent;color:var(--color-text-brand)}
.sns-button[data-kind="text"]:not(:disabled):not([aria-disabled="true"]):is(:hover,[data-state="hover"]){background:var(--color-bg-hover);color:var(--color-action-link-hover)}
.sns-button[data-kind="text"]:not(:disabled):not([aria-disabled="true"]):is(:active,[data-state="pressed"]){background:var(--color-action-secondary);color:var(--color-action-link-active)}
.sns-button[data-kind="link"]{background:transparent;color:var(--color-action-link);text-decoration:underline;text-underline-offset:4px}
.sns-button[data-kind="link"]:not([aria-disabled="true"]):is(:hover,[data-state="hover"]){background:transparent;color:var(--color-action-link-hover)}
.sns-button[data-kind="link"]:not([aria-disabled="true"]):is(:active,[data-state="pressed"]){background:transparent;color:var(--color-action-link-active)}
.sns-button[data-kind="icon"]{width:var(--size-control);min-width:var(--size-control);aspect-ratio:1;padding:0;background:var(--color-bg-surface);color:var(--color-icon-primary)}
.sns-button[data-kind="icon"]:not(:disabled):not([aria-disabled="true"]):is(:hover,:active,[data-state="hover"],[data-state="pressed"]){background:var(--color-bg-hover);color:var(--color-icon-brand)}
.sns-button[data-shape="circle"]{border-radius:50%}
.sns-button:is(:disabled,[aria-disabled="true"]){background:var(--color-action-disabled);color:var(--color-text-disabled);cursor:default}
.sns-button[data-kind="link"][aria-disabled="true"]{background:transparent;text-decoration:none}
.sns-button[data-kind="text"]:is(:disabled,[aria-disabled="true"]){background:transparent}
.sns-button[data-kind="outline"]:is(:disabled,[aria-disabled="true"]){border-color:var(--color-border-disabled)}
.sns-button[data-kind="icon"]:is(:disabled,[aria-disabled="true"]){color:var(--color-icon-disabled)}
.sns-button[aria-busy="true"]{background:var(--color-action-primary);color:var(--color-action-on-primary);cursor:progress}
.sns-button[data-kind="secondary"][aria-busy="true"]{background:var(--color-action-secondary);color:var(--color-action-on-secondary)}
.sns-button[data-kind="icon"][aria-busy="true"]{background:var(--color-bg-surface);color:var(--color-icon-primary)}
.sns-button[data-kind="outline"][aria-busy="true"]{background:var(--color-bg-surface);border-color:var(--color-action-primary);color:var(--color-action-primary)}
.sns-button[data-kind="text"][aria-busy="true"]{background:transparent;color:var(--color-text-brand)}
.sns-button:focus-visible,.sns-button[data-focus="true"]{outline:3px solid var(--color-interaction-focus-ring);outline-offset:3px}
.sns-button[data-width="fill"]{width:100%}
.sns-button-spinner{display:inline-block;width:var(--size-icon);height:var(--size-icon);flex:none;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:sns-button-spin .8s linear infinite}
.sns-button-status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.sns-split-button{display:inline-flex;align-items:stretch;max-width:100%;border-radius:var(--radius-control);vertical-align:middle;isolation:isolate}
.sns-split-button[data-width="fill"]{width:100%}.sns-split-button>.sns-button:first-child{min-width:0;border-top-right-radius:0;border-bottom-right-radius:0}.sns-split-button[data-width="fill"]>.sns-button:first-child{flex:1}
.sns-split-button>.sns-button[data-menu-trigger]{flex:none;width:var(--size-control);min-width:var(--size-control);padding-inline:0;margin-left:-1px;border-top-left-radius:0;border-bottom-left-radius:0;border-left-color:currentColor}
.sns-split-button>.sns-button:focus-visible,.sns-split-button>.sns-button[data-focus="true"]{z-index:1}.sns-split-button>.sns-button[data-kind="outline"][data-menu-trigger]{border-left-color:var(--color-border-input)}.sns-split-button>.sns-button:disabled[data-menu-trigger]{border-left-color:var(--color-border-disabled)}
.sns-action-menu{box-sizing:border-box;position:fixed;z-index:30;width:min(224px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow:auto;padding:8px;border:1px solid var(--color-border-default);border-radius:var(--radius-popover);background:var(--color-bg-surface);color:var(--color-text-primary);box-shadow:var(--shadow-dropdown);font:400 var(--font-size-14)/var(--font-leading-14) var(--font-family-ui)}
.sns-action-menu[hidden]{display:none}.sns-menu-item{display:flex;align-items:center;gap:var(--gap-icon);box-sizing:border-box;width:100%;min-height:40px;padding:8px 12px;border:1px solid transparent;border-radius:var(--radius-xs);background:transparent;color:var(--color-text-primary);text-align:left;white-space:normal;overflow-wrap:anywhere;font:inherit;cursor:pointer}.sns-menu-item svg{width:var(--size-icon);height:var(--size-icon);flex:none}.sns-menu-item span{min-width:0}
.sns-menu-item:not([aria-disabled="true"]):hover{background:var(--color-bg-hover);color:var(--color-text-brand)}.sns-menu-item:not([aria-disabled="true"]):active{background:var(--color-action-secondary);color:var(--color-action-link-active)}.sns-menu-item[aria-disabled="true"]{color:var(--color-text-disabled);cursor:default}.sns-menu-item:focus{outline:3px solid var(--color-interaction-focus-ring);outline-offset:-3px}

/* Tone: component mappings from existing DESIGN.md semantic variables. */
.sns-button[data-tone="neutral"][data-kind="primary"]:not(:disabled):not([aria-disabled="true"]),.sns-button[data-tone="neutral"][data-kind="primary"][aria-busy="true"]{background:var(--color-text-secondary);color:var(--color-text-inverse);}
.sns-button[data-tone="neutral"][data-kind="primary"]:not(:disabled):not([aria-disabled="true"]):is(:hover,[data-state="hover"]){background:var(--color-icon-primary);color:var(--color-text-inverse);}
.sns-button[data-tone="neutral"][data-kind="primary"]:not(:disabled):not([aria-disabled="true"]):is(:active,[data-state="pressed"]){background:var(--color-text-primary);color:var(--color-text-inverse);}
.sns-button[data-tone="neutral"][data-kind="secondary"]:not(:disabled):not([aria-disabled="true"]),.sns-button[data-tone="neutral"][data-kind="secondary"][aria-busy="true"]{background:var(--color-bg-subtle);color:var(--color-text-primary);}
.sns-button[data-tone="neutral"][data-kind="secondary"]:not(:disabled):not([aria-disabled="true"]):is(:hover,[data-state="hover"]){background:var(--color-border-default);color:var(--color-text-primary);}
.sns-button[data-tone="neutral"][data-kind="secondary"]:not(:disabled):not([aria-disabled="true"]):is(:active,[data-state="pressed"]){background:var(--color-border-disabled);color:var(--color-text-primary);}
.sns-button[data-tone="neutral"][data-kind="outline"]:not(:disabled):not([aria-disabled="true"]),.sns-button[data-tone="neutral"][data-kind="outline"][aria-busy="true"]{background:var(--color-bg-surface);color:var(--color-text-primary);border-color:var(--color-border-input);}
.sns-button[data-tone="neutral"][data-kind="outline"]:not(:disabled):not([aria-disabled="true"]):is(:hover,[data-state="hover"]){background:var(--color-bg-page);color:var(--color-text-primary);border-color:var(--color-icon-primary);}
.sns-button[data-tone="neutral"][data-kind="outline"]:not(:disabled):not([aria-disabled="true"]):is(:active,[data-state="pressed"]){background:var(--color-bg-subtle);color:var(--color-text-primary);border-color:var(--color-text-primary);}
.sns-button[data-tone="neutral"][data-kind="text"]:not(:disabled):not([aria-disabled="true"]),.sns-button[data-tone="neutral"][data-kind="text"][aria-busy="true"]{background:transparent;color:var(--color-text-secondary);}
.sns-button[data-tone="neutral"][data-kind="text"]:not(:disabled):not([aria-disabled="true"]):is(:hover,[data-state="hover"]){background:var(--color-bg-subtle);color:var(--color-icon-primary);}
.sns-button[data-tone="neutral"][data-kind="text"]:not(:disabled):not([aria-disabled="true"]):is(:active,[data-state="pressed"]){background:var(--color-border-default);color:var(--color-text-primary);}
.sns-button[data-tone="neutral"][data-kind="link"]:not(:disabled):not([aria-disabled="true"]),.sns-button[data-tone="neutral"][data-kind="link"][aria-busy="true"]{background:transparent;color:var(--color-text-secondary);}
.sns-button[data-tone="neutral"][data-kind="link"]:not(:disabled):not([aria-disabled="true"]):is(:hover,[data-state="hover"]){background:transparent;color:var(--color-icon-primary);}
.sns-button[data-tone="neutral"][data-kind="link"]:not(:disabled):not([aria-disabled="true"]):is(:active,[data-state="pressed"]){background:transparent;color:var(--color-text-primary);}
.sns-button[data-tone="neutral"][data-kind="icon"]:not(:disabled):not([aria-disabled="true"]),.sns-button[data-tone="neutral"][data-kind="icon"][aria-busy="true"]{background:var(--color-bg-surface);color:var(--color-icon-primary);}
.sns-button[data-tone="neutral"][data-kind="icon"]:not(:disabled):not([aria-disabled="true"]):is(:hover,[data-state="hover"]){background:var(--color-bg-subtle);color:var(--color-icon-primary);}
.sns-button[data-tone="neutral"][data-kind="icon"]:not(:disabled):not([aria-disabled="true"]):is(:active,[data-state="pressed"]){background:var(--color-border-default);color:var(--color-text-primary);}
.sns-button[data-tone="danger"][data-kind="primary"]:not(:disabled):not([aria-disabled="true"]),.sns-button[data-tone="danger"][data-kind="primary"][aria-busy="true"]{background:var(--color-status-error-solid);color:var(--color-status-error-on-solid);}
.sns-button[data-tone="danger"][data-kind="primary"]:not(:disabled):not([aria-disabled="true"]):is(:hover,[data-state="hover"]){background:var(--color-status-error-hover);color:var(--color-status-error-on-solid);}
.sns-button[data-tone="danger"][data-kind="primary"]:not(:disabled):not([aria-disabled="true"]):is(:active,[data-state="pressed"]){background:var(--color-status-error-active);color:var(--color-status-error-on-solid);}
.sns-button[data-tone="danger"][data-kind="secondary"]:not(:disabled):not([aria-disabled="true"]),.sns-button[data-tone="danger"][data-kind="secondary"][aria-busy="true"]{background:var(--color-status-error-bg);color:var(--color-status-error-text);}
.sns-button[data-tone="danger"][data-kind="secondary"]:not(:disabled):not([aria-disabled="true"]):is(:hover,[data-state="hover"]){background:var(--color-status-error-bg);color:var(--color-status-error-hover);}
.sns-button[data-tone="danger"][data-kind="secondary"]:not(:disabled):not([aria-disabled="true"]):is(:active,[data-state="pressed"]){background:var(--color-status-error-bg);color:var(--color-status-error-active);}
.sns-button[data-tone="danger"][data-kind="outline"]:not(:disabled):not([aria-disabled="true"]),.sns-button[data-tone="danger"][data-kind="outline"][aria-busy="true"]{background:var(--color-bg-surface);color:var(--color-status-error-text);border-color:var(--color-status-error-solid);}
.sns-button[data-tone="danger"][data-kind="outline"]:not(:disabled):not([aria-disabled="true"]):is(:hover,[data-state="hover"]){background:var(--color-status-error-bg);color:var(--color-status-error-hover);border-color:var(--color-status-error-hover);}
.sns-button[data-tone="danger"][data-kind="outline"]:not(:disabled):not([aria-disabled="true"]):is(:active,[data-state="pressed"]){background:var(--color-status-error-bg);color:var(--color-status-error-active);border-color:var(--color-status-error-active);}
.sns-button[data-tone="danger"][data-kind="text"]:not(:disabled):not([aria-disabled="true"]),.sns-button[data-tone="danger"][data-kind="text"][aria-busy="true"]{background:transparent;color:var(--color-status-error-text);}
.sns-button[data-tone="danger"][data-kind="text"]:not(:disabled):not([aria-disabled="true"]):is(:hover,[data-state="hover"]){background:var(--color-status-error-bg);color:var(--color-status-error-hover);}
.sns-button[data-tone="danger"][data-kind="text"]:not(:disabled):not([aria-disabled="true"]):is(:active,[data-state="pressed"]){background:var(--color-status-error-bg);color:var(--color-status-error-active);}
.sns-button[data-tone="danger"][data-kind="link"]:not(:disabled):not([aria-disabled="true"]),.sns-button[data-tone="danger"][data-kind="link"][aria-busy="true"]{background:transparent;color:var(--color-status-error-text);}
.sns-button[data-tone="danger"][data-kind="link"]:not(:disabled):not([aria-disabled="true"]):is(:hover,[data-state="hover"]){background:transparent;color:var(--color-status-error-hover);}
.sns-button[data-tone="danger"][data-kind="link"]:not(:disabled):not([aria-disabled="true"]):is(:active,[data-state="pressed"]){background:transparent;color:var(--color-status-error-active);}
.sns-button[data-tone="danger"][data-kind="icon"]:not(:disabled):not([aria-disabled="true"]),.sns-button[data-tone="danger"][data-kind="icon"][aria-busy="true"]{background:var(--color-bg-surface);color:var(--color-status-error-text);}
.sns-button[data-tone="danger"][data-kind="icon"]:not(:disabled):not([aria-disabled="true"]):is(:hover,[data-state="hover"]){background:var(--color-status-error-bg);color:var(--color-status-error-hover);}
.sns-button[data-tone="danger"][data-kind="icon"]:not(:disabled):not([aria-disabled="true"]):is(:active,[data-state="pressed"]){background:var(--color-status-error-bg);color:var(--color-status-error-active);}
@media(forced-colors:active){.sns-button[data-tone][data-kind]{background:ButtonFace!important;color:ButtonText!important;border-color:ButtonText!important}.sns-button[data-tone][data-kind="link"]{color:LinkText!important}.sns-button[data-tone]:is(:disabled,[aria-disabled="true"]):not([aria-busy="true"]){color:GrayText!important;border-color:GrayText!important}}

/* Brand tone: theme text and outline; Default Outline follows Brand. */
.sns-button[data-tone="brand"][data-kind="primary"]:not(:disabled):not([aria-disabled="true"]),.sns-button[data-tone="brand"][data-kind="primary"][aria-busy="true"]{background:var(--color-action-primary);color:var(--color-action-on-primary);}
.sns-button[data-tone="brand"][data-kind="primary"]:not(:disabled):not([aria-disabled="true"]):is(:hover,[data-state="hover"]){background:var(--color-action-hover);color:var(--color-action-on-primary);}
.sns-button[data-tone="brand"][data-kind="primary"]:not(:disabled):not([aria-disabled="true"]):is(:active,[data-state="pressed"]){background:var(--color-action-active);color:var(--color-action-on-primary);}
.sns-button[data-tone="brand"][data-kind="secondary"]:not(:disabled):not([aria-disabled="true"]),.sns-button[data-tone="brand"][data-kind="secondary"][aria-busy="true"]{background:var(--color-action-secondary);color:var(--color-action-on-secondary);}
.sns-button[data-tone="brand"][data-kind="secondary"]:not(:disabled):not([aria-disabled="true"]):is(:hover,[data-state="hover"]){background:var(--color-action-secondary-hover);color:var(--color-action-on-secondary);}
.sns-button[data-tone="brand"][data-kind="secondary"]:not(:disabled):not([aria-disabled="true"]):is(:active,[data-state="pressed"]){background:var(--color-action-secondary-active);color:var(--color-action-on-secondary);}
.sns-button[data-tone="brand"][data-kind="outline"]:not(:disabled):not([aria-disabled="true"]),.sns-button[data-tone="brand"][data-kind="outline"][aria-busy="true"]{background:var(--color-bg-surface);color:var(--color-action-primary);border-color:var(--color-action-primary);}
.sns-button[data-tone="brand"][data-kind="outline"]:not(:disabled):not([aria-disabled="true"]):is(:hover,[data-state="hover"]){background:var(--color-bg-hover);color:var(--color-action-hover);border-color:var(--color-action-hover);}
.sns-button[data-tone="brand"][data-kind="outline"]:not(:disabled):not([aria-disabled="true"]):is(:active,[data-state="pressed"]){background:var(--color-action-secondary);color:var(--color-action-link-active);border-color:var(--color-action-active);}
.sns-button[data-tone="brand"][data-kind="text"]:not(:disabled):not([aria-disabled="true"]),.sns-button[data-tone="brand"][data-kind="text"][aria-busy="true"]{background:transparent;color:var(--color-text-brand);}
.sns-button[data-tone="brand"][data-kind="text"]:not(:disabled):not([aria-disabled="true"]):is(:hover,[data-state="hover"]){background:var(--color-bg-hover);color:var(--color-action-link-hover);}
.sns-button[data-tone="brand"][data-kind="text"]:not(:disabled):not([aria-disabled="true"]):is(:active,[data-state="pressed"]){background:var(--color-action-secondary);color:var(--color-action-link-active);}
.sns-button[data-tone="brand"][data-kind="link"]:not(:disabled):not([aria-disabled="true"]),.sns-button[data-tone="brand"][data-kind="link"][aria-busy="true"]{background:transparent;color:var(--color-action-link);}
.sns-button[data-tone="brand"][data-kind="link"]:not(:disabled):not([aria-disabled="true"]):is(:hover,[data-state="hover"]){background:transparent;color:var(--color-action-link-hover);}
.sns-button[data-tone="brand"][data-kind="link"]:not(:disabled):not([aria-disabled="true"]):is(:active,[data-state="pressed"]){background:transparent;color:var(--color-action-link-active);}
.sns-button[data-tone="brand"][data-kind="icon"]:not(:disabled):not([aria-disabled="true"]),.sns-button[data-tone="brand"][data-kind="icon"][aria-busy="true"]{background:var(--color-bg-surface);color:var(--color-icon-primary);}
.sns-button[data-tone="brand"][data-kind="icon"]:not(:disabled):not([aria-disabled="true"]):is(:hover,[data-state="hover"]){background:var(--color-bg-hover);color:var(--color-icon-brand);}
.sns-button[data-tone="brand"][data-kind="icon"]:not(:disabled):not([aria-disabled="true"]):is(:active,[data-state="pressed"]){background:var(--color-bg-hover);color:var(--color-icon-brand);}
.sns-button[data-tone="default"][data-kind="outline"]:not(:disabled):not([aria-disabled="true"]),.sns-button[data-tone="default"][data-kind="outline"][aria-busy="true"]{background:var(--color-bg-surface);color:var(--color-action-primary);border-color:var(--color-action-primary);}
.sns-button[data-tone="default"][data-kind="outline"]:not(:disabled):not([aria-disabled="true"]):is(:hover,[data-state="hover"]){background:var(--color-bg-hover);color:var(--color-action-hover);border-color:var(--color-action-hover);}
.sns-button[data-tone="default"][data-kind="outline"]:not(:disabled):not([aria-disabled="true"]):is(:active,[data-state="pressed"]){background:var(--color-action-secondary);color:var(--color-action-link-active);border-color:var(--color-action-active);}

@keyframes sns-button-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.sns-button-spinner{animation:none}}
@media(forced-colors:active){.sns-button,.sns-button[data-kind]{background:ButtonFace;color:ButtonText;border-color:ButtonText;box-shadow:none}.sns-button[data-kind="link"]{color:LinkText;background:Canvas}.sns-button:is(:disabled,[aria-disabled="true"]){color:GrayText;border-color:GrayText}.sns-button[aria-busy="true"]{color:ButtonText}.sns-button:focus-visible,.sns-button[data-focus="true"]{outline-color:Highlight}.sns-action-menu{background:Canvas;color:CanvasText;border-color:CanvasText;box-shadow:none}.sns-menu-item{color:CanvasText}.sns-menu-item[aria-disabled="true"]{color:GrayText}.sns-menu-item:focus{outline-color:Highlight}}
@media print{.sns-action-menu{display:none!important}}

/* IconButton appearances: surface compatibility + filled / outline / text. */
.sns-button[data-kind="icon"][data-icon-appearance="filled"][data-tone="default"]:not(:disabled):not([aria-disabled="true"]),.sns-button[data-kind="icon"][data-icon-appearance="filled"][data-tone="default"][aria-busy="true"]{background:var(--color-action-primary);color:var(--color-action-on-primary);border-color:transparent}
.sns-button[data-kind="icon"][data-icon-appearance="filled"][data-tone="default"]:not(:disabled):not([aria-disabled="true"]):is(:hover,[data-state="hover"]){background:var(--color-action-hover);color:var(--color-action-on-primary);border-color:transparent}
.sns-button[data-kind="icon"][data-icon-appearance="filled"][data-tone="default"]:not(:disabled):not([aria-disabled="true"]):is(:active,[data-state="pressed"]){background:var(--color-action-active);color:var(--color-action-on-primary);border-color:transparent}
.sns-button[data-kind="icon"][data-icon-appearance="outline"][data-tone="default"]:not(:disabled):not([aria-disabled="true"]),.sns-button[data-kind="icon"][data-icon-appearance="outline"][data-tone="default"][aria-busy="true"]{background:var(--color-bg-surface);color:var(--color-action-primary);border-color:var(--color-action-primary)}
.sns-button[data-kind="icon"][data-icon-appearance="outline"][data-tone="default"]:not(:disabled):not([aria-disabled="true"]):is(:hover,[data-state="hover"]){background:var(--color-bg-hover);color:var(--color-action-hover);border-color:var(--color-action-hover)}
.sns-button[data-kind="icon"][data-icon-appearance="outline"][data-tone="default"]:not(:disabled):not([aria-disabled="true"]):is(:active,[data-state="pressed"]){background:var(--color-action-secondary);color:var(--color-action-link-active);border-color:var(--color-action-active)}
.sns-button[data-kind="icon"][data-icon-appearance="text"][data-tone="default"]:not(:disabled):not([aria-disabled="true"]),.sns-button[data-kind="icon"][data-icon-appearance="text"][data-tone="default"][aria-busy="true"]{background:transparent;color:var(--color-text-brand);border-color:transparent}
.sns-button[data-kind="icon"][data-icon-appearance="text"][data-tone="default"]:not(:disabled):not([aria-disabled="true"]):is(:hover,[data-state="hover"]){background:var(--color-bg-hover);color:var(--color-action-link-hover);border-color:transparent}
.sns-button[data-kind="icon"][data-icon-appearance="text"][data-tone="default"]:not(:disabled):not([aria-disabled="true"]):is(:active,[data-state="pressed"]){background:var(--color-action-secondary);color:var(--color-action-link-active);border-color:transparent}
.sns-button[data-kind="icon"][data-icon-appearance="filled"][data-tone="brand"]:not(:disabled):not([aria-disabled="true"]),.sns-button[data-kind="icon"][data-icon-appearance="filled"][data-tone="brand"][aria-busy="true"]{background:var(--color-action-primary);color:var(--color-action-on-primary);border-color:transparent}
.sns-button[data-kind="icon"][data-icon-appearance="filled"][data-tone="brand"]:not(:disabled):not([aria-disabled="true"]):is(:hover,[data-state="hover"]){background:var(--color-action-hover);color:var(--color-action-on-primary);border-color:transparent}
.sns-button[data-kind="icon"][data-icon-appearance="filled"][data-tone="brand"]:not(:disabled):not([aria-disabled="true"]):is(:active,[data-state="pressed"]){background:var(--color-action-active);color:var(--color-action-on-primary);border-color:transparent}
.sns-button[data-kind="icon"][data-icon-appearance="outline"][data-tone="brand"]:not(:disabled):not([aria-disabled="true"]),.sns-button[data-kind="icon"][data-icon-appearance="outline"][data-tone="brand"][aria-busy="true"]{background:var(--color-bg-surface);color:var(--color-action-primary);border-color:var(--color-action-primary)}
.sns-button[data-kind="icon"][data-icon-appearance="outline"][data-tone="brand"]:not(:disabled):not([aria-disabled="true"]):is(:hover,[data-state="hover"]){background:var(--color-bg-hover);color:var(--color-action-hover);border-color:var(--color-action-hover)}
.sns-button[data-kind="icon"][data-icon-appearance="outline"][data-tone="brand"]:not(:disabled):not([aria-disabled="true"]):is(:active,[data-state="pressed"]){background:var(--color-action-secondary);color:var(--color-action-link-active);border-color:var(--color-action-active)}
.sns-button[data-kind="icon"][data-icon-appearance="text"][data-tone="brand"]:not(:disabled):not([aria-disabled="true"]),.sns-button[data-kind="icon"][data-icon-appearance="text"][data-tone="brand"][aria-busy="true"]{background:transparent;color:var(--color-text-brand);border-color:transparent}
.sns-button[data-kind="icon"][data-icon-appearance="text"][data-tone="brand"]:not(:disabled):not([aria-disabled="true"]):is(:hover,[data-state="hover"]){background:var(--color-bg-hover);color:var(--color-action-link-hover);border-color:transparent}
.sns-button[data-kind="icon"][data-icon-appearance="text"][data-tone="brand"]:not(:disabled):not([aria-disabled="true"]):is(:active,[data-state="pressed"]){background:var(--color-action-secondary);color:var(--color-action-link-active);border-color:transparent}
.sns-button[data-kind="icon"][data-icon-appearance="filled"][data-tone="neutral"]:not(:disabled):not([aria-disabled="true"]),.sns-button[data-kind="icon"][data-icon-appearance="filled"][data-tone="neutral"][aria-busy="true"]{background:var(--color-text-secondary);color:var(--color-text-inverse);border-color:transparent}
.sns-button[data-kind="icon"][data-icon-appearance="filled"][data-tone="neutral"]:not(:disabled):not([aria-disabled="true"]):is(:hover,[data-state="hover"]){background:var(--color-icon-primary);color:var(--color-text-inverse);border-color:transparent}
.sns-button[data-kind="icon"][data-icon-appearance="filled"][data-tone="neutral"]:not(:disabled):not([aria-disabled="true"]):is(:active,[data-state="pressed"]){background:var(--color-text-primary);color:var(--color-text-inverse);border-color:transparent}
.sns-button[data-kind="icon"][data-icon-appearance="outline"][data-tone="neutral"]:not(:disabled):not([aria-disabled="true"]),.sns-button[data-kind="icon"][data-icon-appearance="outline"][data-tone="neutral"][aria-busy="true"]{background:var(--color-bg-surface);color:var(--color-text-primary);border-color:var(--color-border-input)}
.sns-button[data-kind="icon"][data-icon-appearance="outline"][data-tone="neutral"]:not(:disabled):not([aria-disabled="true"]):is(:hover,[data-state="hover"]){background:var(--color-bg-page);color:var(--color-text-primary);border-color:var(--color-icon-primary)}
.sns-button[data-kind="icon"][data-icon-appearance="outline"][data-tone="neutral"]:not(:disabled):not([aria-disabled="true"]):is(:active,[data-state="pressed"]){background:var(--color-bg-subtle);color:var(--color-text-primary);border-color:var(--color-text-primary)}
.sns-button[data-kind="icon"][data-icon-appearance="text"][data-tone="neutral"]:not(:disabled):not([aria-disabled="true"]),.sns-button[data-kind="icon"][data-icon-appearance="text"][data-tone="neutral"][aria-busy="true"]{background:transparent;color:var(--color-text-secondary);border-color:transparent}
.sns-button[data-kind="icon"][data-icon-appearance="text"][data-tone="neutral"]:not(:disabled):not([aria-disabled="true"]):is(:hover,[data-state="hover"]){background:var(--color-bg-subtle);color:var(--color-icon-primary);border-color:transparent}
.sns-button[data-kind="icon"][data-icon-appearance="text"][data-tone="neutral"]:not(:disabled):not([aria-disabled="true"]):is(:active,[data-state="pressed"]){background:var(--color-border-default);color:var(--color-text-primary);border-color:transparent}
.sns-button[data-kind="icon"][data-icon-appearance="filled"][data-tone="danger"]:not(:disabled):not([aria-disabled="true"]),.sns-button[data-kind="icon"][data-icon-appearance="filled"][data-tone="danger"][aria-busy="true"]{background:var(--color-status-error-solid);color:var(--color-status-error-on-solid);border-color:transparent}
.sns-button[data-kind="icon"][data-icon-appearance="filled"][data-tone="danger"]:not(:disabled):not([aria-disabled="true"]):is(:hover,[data-state="hover"]){background:var(--color-status-error-hover);color:var(--color-status-error-on-solid);border-color:transparent}
.sns-button[data-kind="icon"][data-icon-appearance="filled"][data-tone="danger"]:not(:disabled):not([aria-disabled="true"]):is(:active,[data-state="pressed"]){background:var(--color-status-error-active);color:var(--color-status-error-on-solid);border-color:transparent}
.sns-button[data-kind="icon"][data-icon-appearance="outline"][data-tone="danger"]:not(:disabled):not([aria-disabled="true"]),.sns-button[data-kind="icon"][data-icon-appearance="outline"][data-tone="danger"][aria-busy="true"]{background:var(--color-bg-surface);color:var(--color-status-error-text);border-color:var(--color-status-error-solid)}
.sns-button[data-kind="icon"][data-icon-appearance="outline"][data-tone="danger"]:not(:disabled):not([aria-disabled="true"]):is(:hover,[data-state="hover"]){background:var(--color-status-error-bg);color:var(--color-status-error-hover);border-color:var(--color-status-error-hover)}
.sns-button[data-kind="icon"][data-icon-appearance="outline"][data-tone="danger"]:not(:disabled):not([aria-disabled="true"]):is(:active,[data-state="pressed"]){background:var(--color-status-error-bg);color:var(--color-status-error-active);border-color:var(--color-status-error-active)}
.sns-button[data-kind="icon"][data-icon-appearance="text"][data-tone="danger"]:not(:disabled):not([aria-disabled="true"]),.sns-button[data-kind="icon"][data-icon-appearance="text"][data-tone="danger"][aria-busy="true"]{background:transparent;color:var(--color-status-error-text);border-color:transparent}
.sns-button[data-kind="icon"][data-icon-appearance="text"][data-tone="danger"]:not(:disabled):not([aria-disabled="true"]):is(:hover,[data-state="hover"]){background:var(--color-status-error-bg);color:var(--color-status-error-hover);border-color:transparent}
.sns-button[data-kind="icon"][data-icon-appearance="text"][data-tone="danger"]:not(:disabled):not([aria-disabled="true"]):is(:active,[data-state="pressed"]){background:var(--color-status-error-bg);color:var(--color-status-error-active);border-color:transparent}
.sns-button[data-kind="icon"][data-icon-appearance="outline"]:is(:disabled,[aria-disabled="true"]):not([aria-busy="true"]){border-color:var(--color-border-disabled)}
.sns-button[data-kind="icon"][data-icon-appearance="text"]:is(:disabled,[aria-disabled="true"]):not([aria-busy="true"]){background:transparent}