body[data-site="illustrationz"] .pack-viseme-sounds{aspect-ratio:auto;background:transparent;overflow:visible}
body[data-site="illustrationz"] .pack-viseme-sounds>video{display:block;aspect-ratio:1.15;height:auto;border-radius:12px;object-fit:cover}
body[data-site="illustrationz"] .viseme-caption{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:5px;margin:16px auto 0;max-width:100%;line-height:1}
body[data-site="illustrationz"] .viseme-caption .viseme-sound{position:relative;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;min-width:35px;height:38px;padding:0 8px;box-sizing:border-box;overflow:hidden;border:1px solid transparent;border-radius:12px;font-family:Poppins,sans-serif;font-size:17px;font-weight:600;color:var(--td-color-muted);background:transparent;transform:translateY(0);transition:color .28s ease,background-color .28s ease,border-color .28s ease,transform .28s cubic-bezier(.22,1,.36,1)}
body[data-site="illustrationz"] .viseme-caption .viseme-sound[aria-current="true"]{color:var(--td-color-link);background:var(--td-color-surface);border-color:var(--td-color-selected-border);transform:translateY(-1px)}
body[data-site="illustrationz"] .viseme-caption .viseme-sound::after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--td-color-signature);transform:scaleX(0);transform-origin:left;opacity:0;transition:opacity .18s ease}
body[data-site="illustrationz"] .viseme-caption .viseme-sound[aria-current="true"]::after{transform:scaleX(var(--progress,0));opacity:.7}
@media(prefers-reduced-motion:reduce){body[data-site="illustrationz"] .viseme-caption .viseme-sound{transition:none;transform:none}body[data-site="illustrationz"] .viseme-caption .viseme-sound[aria-current="true"]{transform:none}body[data-site="illustrationz"] .viseme-caption .viseme-sound::after{display:none;transition:none}}

body[data-site="illustrationz"] .pack-expression-labels .viseme-caption{gap:6px;row-gap:8px}
body[data-site="illustrationz"] .pack-expression-labels .viseme-sound{font-size:14px;min-width:0;height:34px;padding:0 10px;font-weight:600}

body[data-site="illustrationz"] button.viseme-sound{appearance:none;cursor:pointer;-webkit-tap-highlight-color:transparent}
body[data-site="illustrationz"] button.viseme-sound:hover{color:var(--td-color-link);background:var(--td-color-surface);border-color:var(--td-color-selected-border)}
body[data-site="illustrationz"] button.viseme-sound:focus-visible{outline:2px solid var(--td-color-focus);outline-offset:3px}

body[data-site="illustrationz"] .viseme-caption.arkit-control-picker{display:block;margin-top:16px}
body[data-site="illustrationz"] .arkit-control-groups{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin-bottom:12px}
body[data-site="illustrationz"] .arkit-group-button{appearance:none;cursor:pointer;font-family:inherit;font-size:13px;line-height:1.4;font-weight:600;padding:7px 10px;border-radius:8px;border:1px solid var(--td-color-control-border);background:transparent;color:var(--td-color-control-text);transition:background-color .22s ease,color .22s ease,border-color .22s ease}
body[data-site="illustrationz"] .arkit-group-button[aria-pressed="true"]{color:var(--td-color-link);background:var(--td-color-surface);border-color:var(--td-color-selected-border)}
body[data-site="illustrationz"] .arkit-group-button:hover{color:var(--td-color-link);border-color:var(--td-color-hover-border)}
body[data-site="illustrationz"] .arkit-group-button:focus-visible{outline:2px solid var(--td-color-focus);outline-offset:3px}
body[data-site="illustrationz"] .arkit-control-panels{display:grid;align-items:start}
body[data-site="illustrationz"] .arkit-control-options{grid-area:1/1;display:flex;flex-wrap:wrap;align-content:start;justify-content:center;gap:5px;row-gap:8px}
/* Keep every area in the same grid cell so the tallest reserves its space.
   Hidden panels remain invisible and unfocusable without changing row height. */
body[data-site="illustrationz"] .arkit-control-options[hidden]{display:flex;visibility:hidden;pointer-events:none}
@media(prefers-reduced-motion:reduce){body[data-site="illustrationz"] .arkit-group-button{transition:none}}

/* Keep lip-sync sounds in balanced rows, with room for Restart. */
body[data-site="illustrationz"] .viseme-caption.lipsync-control-picker{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:6px}
body[data-site="illustrationz"] .lipsync-control-picker .viseme-sound{width:100%;padding:0 2px;min-height:44px}
body[data-site="illustrationz"] .lipsync-control-picker .viseme-restart{grid-column:span 2}
@media(max-width:760px){body[data-site="illustrationz"] .viseme-caption.lipsync-control-picker{grid-template-columns:repeat(4,minmax(0,1fr))}}
/* Shared hidden utility is !important; reserve the original picker grid height. */
body[data-site="illustrationz"] .arkit-control-options[hidden]{display:flex!important;visibility:hidden;pointer-events:none}
body[data-site="illustrationz"] .viseme-sound{font-family:Arial,var(--locale-font,sans-serif)!important;min-height:44px}
body[data-site="illustrationz"] .arkit-group-button{min-height:44px}