/* Inherits each existing product's typography and tokens; scoped to icon settings. */
.app-icon-appearance{font-size:.85rem;line-height:1.5;max-width:36rem;margin:1rem 0;color:inherit}
.app-icon-appearance>summary{cursor:pointer;min-height:44px;display:flex;align-items:center;gap:.5rem;text-decoration:underline;text-underline-offset:4px}
.app-icon-setting{margin:1.5rem 0;font:inherit;color:inherit;min-width:0;max-width:38rem}
.app-icon-setting h3{font-size:1rem;line-height:1.5;margin:0 0 .5rem;font-weight:600}
.app-icon-setting p{font-size:.875rem;line-height:1.6;max-width:65ch;margin:.5rem 0}
.app-icon-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem;margin:1rem 0}
.app-icon-choices button{font:inherit;color:inherit;appearance:none;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.55rem;min-height:100px;padding:.8rem .3rem;border-radius:16px;border:1px solid currentColor;background:transparent;opacity:.78;transition:transform 150ms ease,opacity 150ms ease,box-shadow 150ms ease}
.app-icon-choices button img{width:48px;height:48px;border-radius:10px;background:#fff;object-fit:contain}
.app-icon-choices button[aria-pressed=true]{opacity:1;box-shadow:inset 0 0 0 2px currentColor}
.app-icon-choices button:hover{opacity:1;transform:translateY(-2px)}
.app-icon-choices button:active{transform:translateY(1px) scale(.97)}
.app-icon-setting button:focus-visible,.app-icon-setting summary:focus-visible,.app-icon-appearance>summary:focus-visible{outline:3px solid currentColor;outline-offset:4px}
.app-icon-help summary{cursor:pointer;display:flex;align-items:center;min-height:44px;text-decoration:underline;text-underline-offset:4px;font-size:.875rem}
.app-icon-retry{font:inherit;color:inherit;min-height:44px;padding:.75rem;border:1px solid currentColor;border-radius:12px;background:transparent}
.app-icon-instructions{border-left:2px solid currentColor;padding-left:1rem;margin:.5rem 0}
.dark-card .app-icon-appearance{margin:1.5rem auto;padding:0 1rem;color:#F7F4ED;width:100%}
.as-footer .app-icon-setting{font-family:inherit;max-width:30rem}
@media(prefers-reduced-motion:reduce){.app-icon-choices button{transition:none;transform:none!important}}