#avatarLipsyncNotice {
  --avatar-progress-height: 10px;
  --avatar-progress-gap: 8px;
  --avatar-progress-font: 15px;
}
#avatarLipsyncNotice .avatar-lipsync-progress { margin-top: var(--avatar-progress-gap); }
#avatarLipsyncNotice .avatar-lipsync-progress-label {
  display: flex; gap: var(--avatar-progress-gap);
  margin-bottom: var(--avatar-progress-gap); color: var(--avatar-director-text);
  font-size: var(--avatar-progress-font); line-height: 1.5;
}
#avatarLipsyncNotice .avatar-lipsync-progress-label strong { font-weight: 600; font-variant-numeric: tabular-nums; }
#avatarLipsyncPercent {
  display: block; width: 100%; height: var(--avatar-progress-height);
  accent-color: var(--avatar-director-gold);
}
#panel-4:has(#avatarLipsyncPercent) #avatarProgress { display: none !important; }
#avatarLipsyncNotice[data-state="success"] + #avatarDownloadWrap:not([hidden]) { display: flex !important; }

:root {
  --avatar-director-gold:#c9a45c;--avatar-director-gold-strong:#e3a93c;
  --avatar-director-surface:#16130e;--avatar-director-surface-raised:#231e16;
  --avatar-director-stage:#0a0908;--avatar-director-line:rgba(201,164,92,.22);
  --avatar-director-text:rgba(255,252,246,.92);--avatar-director-muted:rgba(255,252,246,.60);
  --avatar-director-faint:rgba(255,252,246,.38);--avatar-director-success:#72c996;
  --avatar-director-error:#e18b7f;--avatar-director-fast:120ms;--avatar-director-standard:200ms;
  --avatar-director-ease:cubic-bezier(.23,1,.32,1);
}

.avatar-card-box {
  width: 180px; height: 165px; max-height: 165px;
  border: 2px dashed var(--border-color); border-radius: 6px;
  background: var(--bg-tertiary); cursor: pointer; transition: all 0.2s;
  flex-shrink: 0; box-sizing: border-box; padding: 0; margin: 0;
  display: flex; flex-direction: column; align-items: center; justify-content: center;
  position: relative; overflow: hidden;
}
.avatar-card-box:hover { border-color: var(--accent-start); background: rgba(var(--accent-rgb), 0.1); }
.avatar-content-box {
  width: 180px; height: 165px; max-height: 165px;
  border: 1px solid var(--border-color); border-radius: 6px; padding: 4px;
  overflow-y: auto;  flex-shrink: 0; box-sizing: border-box;
}
.avatar-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-auto-rows: 180px;
  gap: 4px;
}

.avatar-grid.expanded {
  grid-template-columns: repeat(4, 1fr);
  grid-auto-rows: 180px;
}
.avatar-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0;
  border-radius:6px;
  cursor: pointer;
  background: transparent;
  border: 1px solid var(--border-color);
  transition: all 0.2s;
  min-width: 0; 
  overflow: hidden; 
}
.avatar-item:hover { border-color: var(--accent-start); }
.avatar-item.active { outline: 2px solid var(--accent-start); border-radius:4px; }
.avatar-emoji { font-size:20px; }
.avatar-name { display: none !important; }
.avatar-item.active .avatar-name { color: var(--text-primary); }
.preset-avatar-item {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  padding: 0;
  border-radius: 4px;
  cursor: pointer;
  background: transparent;
  border: 1px solid var(--border-color);
  transition: all 0.2s;
  min-width: 0;
  overflow: hidden;
}
.preset-avatar-item:hover { border-color: var(--accent-start); }
.preset-avatar-item.active { outline: 2px solid var(--accent-start); border-radius:4px; }
.preset-avatar-item.active .avatar-name { color: var(--text-primary); }


.my-content-box {
  flex: 1;
  min-width: 0;
  background: var(--bg-card, rgba(255,255,255,0.03));
  border: 1px solid var(--border-color, rgba(255,255,255,0.08));
  border-radius: 8px;
  padding: 6px;
  display: flex;
  flex-direction: column;
  height: 165px; max-height: 165px;
  box-sizing: border-box;
}
.my-content-header {
  font-size:13px;
  color: var(--accent-start, var(--accent-start));
  margin-bottom: 4px;
  font-weight: 600;
  border-bottom: 1px solid var(--border-color, rgba(255,255,255,0.08));
  padding-bottom: 4px;
  flex-shrink: 0;
}
.my-content-list {
  flex: 1;
  overflow-y: auto; 
  overflow-x: hidden;
}
.my-content-list::-webkit-scrollbar {
  width: 3px;
}
.my-content-list::-webkit-scrollbar-thumb {
  background: var(--text-muted, rgba(255,255,255,0.2));
  border-radius:4px;
}
.my-content-empty {
  text-align: center;
  font-size:12px;
  color: var(--text-muted, rgba(255,255,255,0.3));
  padding: 20px 6px;
}


#expandGridBtn { display: none !important; }


.avatar-grid[id^="avatarGrid-"],
.avatar-grid#uploadAvatarGrid,
.avatar-grid#videoAvatarGrid,
.avatar-grid#avatarGrid-my {
  height: 180px !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
}

#avatarCatBody { padding: 2px !important; }

#avatarAudioStatus { margin-top: 4px !important; }
#generateAvatarBtn { margin-top: 4px !important; }


#avatarLeftContainer {
  overflow: hidden !important;
}
#avatarLeftPreview {
  width: 100% !important;
  height: 100% !important;
  flex: 1 1 100% !important;
  min-height: 0 !important;
  align-items: center !important;
  justify-content: center !important;
}
#avatarPreviewVideo {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

#avatarLeftContainer > div:not(#avatarLeftPreview):not(#currentDriveVideo) {
  display: none !important;
}

#panel-4 .panel-content > div:first-of-type {
  flex: 0 0 auto !important;
}

.hq-avatar-media{width:100%;height:100%;object-fit:cover;object-position:center top;border-radius:4px;display:block}
.hq-avatar-frame{position:relative;width:100%;height:100%}
.hq-avatar-play{position:absolute;bottom:4px;left:4px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border:0;border-radius:50%;background:rgba(15,13,10,.78);color:#fff;cursor:pointer;z-index:2}
.hq-avatar-label{position:absolute;right:5px;bottom:5px;max-width:calc(100% - 40px);overflow:hidden;padding:3px 6px;border-radius:999px;background:rgba(15,13,10,.78);color:#fff;font-size:10px;line-height:1;white-space:nowrap;text-overflow:ellipsis}


.avatar-matting-status{
  display:inline-flex;align-items:center;justify-content:center;min-height:18px;
  padding:1px 6px;border:1px solid rgba(196,151,69,.42);border-radius:999px;
  background:rgba(34,27,18,.82);color:#e8c77f;font-size:10px;font-weight:650;
  line-height:1;letter-spacing:.02em;white-space:nowrap;box-sizing:border-box;
}
.avatar-matting-status.is-ready{border-color:rgba(73,185,125,.48);background:rgba(22,55,39,.84);color:#8fe0b1}
.avatar-matting-status.is-working{border-color:rgba(212,168,82,.62);background:rgba(54,40,17,.88);color:#f1cf88}
.avatar-matting-status.is-failed{border-color:rgba(220,103,91,.48);background:rgba(61,27,24,.84);color:#f1a097}
.avatar-matting-status.is-muted{border-color:rgba(150,142,128,.32);background:rgba(39,36,31,.76);color:#b8afa0}

/* AVATAR_MANUAL_MATTING_20260911: opt-in only, separate from selecting a video. */
#myVideoList .avatar-matting-start{
  --avatar-matting-touch:44px;--avatar-matting-font:15px;--avatar-matting-radius:7px;
  --avatar-matting-gap:6px;--avatar-matting-focus:2px;--avatar-matting-disabled:.55;
  grid-area:3 / 1;min-height:var(--avatar-matting-touch);min-width:0;padding:0;
  margin:0 var(--avatar-matting-gap) var(--avatar-matting-gap);
  border:1px solid var(--border-color);border-radius:var(--avatar-matting-radius);
  background:var(--bg-tertiary);color:var(--text-primary);font-size:var(--avatar-matting-font);
  font-weight:500;cursor:pointer;white-space:nowrap;
}
#myVideoList .avatar-matting-start:focus-visible{outline:var(--avatar-matting-focus) solid var(--accent-start)}
#myVideoList .avatar-matting-start:disabled{opacity:var(--avatar-matting-disabled);cursor:default}
#myVideoList .avatar-library-media > .avatar-matting-status{
  --avatar-matting-inset:6px;position:absolute;top:var(--avatar-matting-inset);
  right:var(--avatar-matting-inset);z-index:2;pointer-events:none;
}

/* AVATAR_CARD_FLOATING_ACTIONS_20260926 AVATAR_SMALL_CONTROLS_20260926 */
#panel-4.avfp4-solo .avfp4myleft #myVideoList > .avatar-library-card{
  --avatar-caption-size:15px;--avatar-caption-date-size:11px;
  --avatar-caption-padding:28px 8px 8px;
  --avatar-action-size:30px;--avatar-action-width:30px;--avatar-action-inset:6px;--avatar-action-radius:7px;
  --avatar-action-glass:var(--bg-tertiary);--avatar-action-line:var(--border-color);--avatar-caption-gap:2px;
  --avatar-caption-ink:rgba(255,252,245,.96);--avatar-caption-muted:rgba(255,252,245,.8);
  --avatar-caption-shade:linear-gradient(transparent,rgba(15,13,10,.86));
  display:grid !important;grid-template-columns:minmax(0,1fr);grid-template-rows:auto;position:relative;align-self:start;align-items:stretch !important;
  justify-content:flex-start !important;aspect-ratio:auto !important;padding:0 !important;
  gap:0 !important;overflow:hidden !important;background-image:none !important;
  background-color:var(--bg-card) !important;border-color:var(--border-color);
}
#panel-4.avfp4-solo .avfp4myleft #myVideoList > .avatar-library-card::before{display:none !important}
#panel-4.avfp4-solo .avfp4myleft #myVideoList > .avatar-library-card > .avatar-library-media{
  grid-area:1 / 1;
  display:flex !important;position:relative !important;width:100% !important;height:auto !important;
  aspect-ratio:3/4;align-items:center;justify-content:center;overflow:hidden;
  background-color:var(--bg-tertiary);background-size:cover;background-position:center 18%;
  background-repeat:no-repeat;color:#fff;cursor:pointer;
}
.avatar-library-media [data-poster-play]{display:flex;width:100%;height:100%;align-items:center;justify-content:center}
.avatar-library-media > .avatar-library-poster,
.avatar-library-media > video.hq-avatar-media{
  position:absolute;inset:0;width:100% !important;height:100% !important;max-width:none !important;
  object-fit:cover;object-position:center top;display:block;
}
#panel-4.avfp4-solo .avfp4myleft #myVideoList > .avatar-library-card > .avatar-library-meta{
  grid-area:1 / 1;align-self:end;z-index:1;pointer-events:none;
  display:flex;flex-direction:column;gap:var(--avatar-caption-gap);min-width:0;
  padding:var(--avatar-caption-padding);background:var(--avatar-caption-shade);
}
#panel-4.avfp4-solo .avfp4myleft #myVideoList > .avatar-library-card > .avatar-library-meta > span{
  position:static !important;display:block !important;max-width:100% !important;overflow:hidden;
  text-overflow:ellipsis;white-space:nowrap;text-shadow:none !important;
}
#panel-4.avfp4-solo .avfp4myleft #myVideoList > .avatar-library-card > .avatar-library-meta > span:first-child{
  color:var(--avatar-caption-ink) !important;font-size:var(--avatar-caption-size) !important;font-weight:600 !important;
  pointer-events:auto;
}
#panel-4.avfp4-solo .avfp4myleft #myVideoList > .avatar-library-card > .avatar-library-meta > span:last-child{
  color:var(--avatar-caption-muted) !important;font-size:var(--avatar-caption-date-size) !important;
}

#panel-4.avfp4-solo .avfp4myleft #myVideoList > .avatar-library-card > .avatar-library-actions{
  grid-area:1 / 1 / 2 / 2;position:absolute;inset:0;z-index:3;
  display:block;min-width:0;padding:0;pointer-events:none;
}
#panel-4.avfp4-solo .avfp4myleft #myVideoList > .avatar-library-card .avatar-library-actions > span[data-act]{
  position:absolute !important;margin:0 !important;display:flex !important;
  align-items:center;justify-content:center;box-sizing:border-box;
  height:var(--avatar-action-size);min-width:var(--avatar-action-width);
  padding:0 !important;border:1px solid var(--avatar-action-line);
  border-radius:var(--avatar-action-radius) !important;pointer-events:auto;
  color:var(--accent-start) !important;background:var(--avatar-action-glass) !important;
  font-size:12px !important;line-height:1;
  backdrop-filter:none;transition:transform var(--avatar-director-fast) var(--avatar-director-ease);
}


#panel-4.avfp4-solo .avfp4myleft #myVideoList > .avatar-library-card .avatar-library-actions span[data-act="delete"]{
  top:var(--avatar-action-inset);right:var(--avatar-action-inset);width:var(--avatar-action-width);
  color:var(--error) !important;
}
#panel-4.avfp4-solo .avfp4myleft #myVideoList > .avatar-library-card .avatar-library-actions [data-act]:hover{transform:translateY(-1px)}
#panel-4.avfp4-solo .avfp4myleft #myVideoList > .avatar-library-card .avatar-library-actions [data-act]:focus-visible{outline:2px solid var(--avatar-director-gold);outline-offset:-3px}
#panel-4.avfp4-solo .avfp4myleft #myVideoList > .avatar-library-card .avatar-library-media > .avatar-matting-status{
  top:var(--avatar-action-inset);left:var(--avatar-action-inset);right:auto;
  min-width:0;max-width:calc(100% - 44px);overflow:hidden;text-overflow:ellipsis;font-size:10px;
}
#panel-4.avfp4-solo .avfp4myleft #myVideoList > .avatar-library-card > .avatar-matting-start{grid-column:1;grid-row:2}
@media(prefers-reduced-motion:reduce){
  #panel-4.avfp4-solo .avfp4myleft #myVideoList > .avatar-library-card .avatar-library-actions [data-act]{transition:none}
}

@media(max-width:600px){
  #panel-4.avfp4-solo .avfp4myleft #myVideoList > .avatar-library-card{
    --avatar-action-size:28px;--avatar-action-width:26px;--avatar-action-inset:4px;
    --avatar-caption-padding:22px 4px 6px;
  }
  
}

.avatar-library-tile{display:flex;flex-direction:column;overflow:hidden !important;background:var(--bg-card)}
.avatar-library-tile-media{position:relative;flex:1;min-height:0;overflow:hidden;background:var(--bg-tertiary);cursor:pointer}
.avatar-library-tile-actions{display:flex;align-items:center;gap:5px;min-height:38px;padding:5px 6px;background:var(--bg-card);border-top:1px solid var(--border-color)}
.avatar-library-tile-actions .avatar-matting-status{min-width:0;overflow:hidden;text-overflow:ellipsis}
.avatar-library-select,.avatar-library-delete{display:inline-flex;align-items:center;justify-content:center;height:30px;border-radius:7px;cursor:pointer}
.avatar-library-select{min-width:40px;padding:0 8px;border:0;background:linear-gradient(135deg,var(--accent-start),var(--accent-end));color:#fff;font-size:11px;font-weight:650}
.avatar-library-delete{width:30px;margin-left:auto;padding:0;border:1px solid rgba(220,103,91,.45);background:rgba(61,27,24,.42);color:var(--error);font-size:16px}



.avatar-lipsync-notice{
  display:grid;grid-template-columns:10px minmax(0,1fr);align-items:start;gap:9px;
  margin:8px 0 0;padding:10px;border:1px solid rgba(212,168,82,.32);border-radius:10px;
  background:linear-gradient(145deg,rgba(48,37,19,.94),rgba(25,21,15,.96));
  color:var(--avatar-director-text);box-sizing:border-box;box-shadow:inset 0 1px rgba(255,255,255,.04)
}

/* AVATAR_PRESET_PROGRESSIVE_MEDIA_20260901: reserve the first portrait row
   before the API responds so the stage does not jump while cards arrive. */
#panel-4 .avfp4gridclip{
  min-height:clamp(132px,18vw,210px);
  contain:layout paint;
}
.avf-preset-first-paint{
  aspect-ratio:3/4;
  pointer-events:none;
}
.avf-preset-first-paint img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center top;
  border-radius:4px;
}
.avatar-lipsync-notice[hidden]{display:none}
.avatar-lipsync-notice-mark{width:9px;height:9px;margin-top:4px;border-radius:50%;background:#e3a93c;box-shadow:0 0 0 4px rgba(227,169,60,.12)}
.avatar-lipsync-notice-copy{min-width:0}
.avatar-lipsync-notice-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0}
.avatar-lipsync-notice-heading strong{min-width:0;color:#fffaf2;font-size:13px;line-height:1.4}
.avatar-lipsync-notice-heading time{flex:0 0 auto;color:#d7b974;font-size:11px;font-variant-numeric:tabular-nums;white-space:nowrap}
.avatar-lipsync-notice-copy p{margin:3px 0 0;color:rgba(255,250,242,.64);font-size:11px;line-height:1.5}
.avatar-lipsync-notice[data-state="working"] .avatar-lipsync-notice-mark{animation:avatar-lipsync-pulse 1.45s ease-in-out infinite}
.avatar-lipsync-notice[data-state="success"]{border-color:rgba(74,190,126,.42);background:linear-gradient(145deg,rgba(18,55,38,.94),rgba(15,28,21,.96))}
.avatar-lipsync-notice[data-state="success"] .avatar-lipsync-notice-mark{background:#72c996;box-shadow:0 0 0 4px rgba(114,201,150,.13)}
.avatar-lipsync-notice[data-state="success"] .avatar-lipsync-notice-heading time{color:#9bdbb6}
.avatar-lipsync-notice[data-state="error"]{border-color:rgba(225,139,127,.42);background:linear-gradient(145deg,rgba(62,29,25,.94),rgba(31,20,18,.96))}
.avatar-lipsync-notice[data-state="error"] .avatar-lipsync-notice-mark{background:#e18b7f;box-shadow:0 0 0 4px rgba(225,139,127,.13)}
.avatar-lipsync-notice[data-state="error"] .avatar-lipsync-notice-heading time{color:#f2afa5}
.avatar-lipsync-flow-actions{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:1px}
.avatar-lipsync-flow-actions[hidden]{display:none}
.avatar-lipsync-flow-actions a{display:flex;min-width:0;min-height:44px;align-items:center;justify-content:center;padding:0 9px;border:1px solid rgba(255,252,246,.14);border-radius:9px;background:rgba(255,252,246,.055);color:rgba(255,252,246,.82);font-size:12px;font-weight:650;line-height:1.25;text-align:center;text-decoration:none;box-sizing:border-box;transition:transform var(--avatar-director-fast) var(--avatar-director-ease),border-color var(--avatar-director-fast) var(--avatar-director-ease),background var(--avatar-director-fast) var(--avatar-director-ease)}
.avatar-lipsync-flow-actions a:hover:not(.is-disabled){transform:translateY(-1px);border-color:rgba(227,169,60,.58);background:rgba(227,169,60,.11);color:#fffaf2}
.avatar-lipsync-flow-actions a:focus-visible{outline:2px solid var(--avatar-director-gold-strong);outline-offset:2px}
.avatar-lipsync-flow-next{border-color:rgba(114,201,150,.48)!important;background:rgba(114,201,150,.13)!important;color:#b9e8cc!important}
.avatar-lipsync-flow-next.is-disabled{cursor:not-allowed;border-color:rgba(255,252,246,.10)!important;background:rgba(255,252,246,.035)!important;color:rgba(255,252,246,.38)!important}
@keyframes avatar-lipsync-pulse{0%,100%{opacity:.55;transform:scale(.82)}50%{opacity:1;transform:scale(1)}}

.avatar-result-actions{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:8px}
.avatar-result-actions[hidden]{display:none}
.avatar-result-actions .avatar-director-start{flex:1 1 220px}
.avatar-result-download{display:inline-flex;min-height:44px;align-items:center;justify-content:center;padding:0 18px;border:1px solid var(--avatar-director-line);border-radius:10px;background:var(--avatar-director-surface);color:var(--avatar-director-muted);font-size:15px;font-weight:500;text-decoration:none;transition:transform var(--avatar-director-fast) var(--avatar-director-ease),border-color var(--avatar-director-fast) var(--avatar-director-ease),color var(--avatar-director-fast) var(--avatar-director-ease)}
.avatar-result-download:hover{border-color:var(--avatar-director-gold);color:var(--avatar-director-text);transform:translateY(-1px)}
.avatar-result-download:focus-visible,.avatar-director-mode:focus-visible,.avatar-director-start:focus-visible,.avatar-director-result:focus-visible{outline:2px solid var(--avatar-director-gold-strong);outline-offset:2px}
.avatar-director-stage{box-sizing:border-box;max-width:100%;margin-top:12px;padding:16px;overflow:hidden;border:1px solid var(--avatar-director-line);border-radius:14px;background:linear-gradient(150deg,var(--avatar-director-surface-raised),var(--avatar-director-stage));color:var(--avatar-director-text);box-shadow:inset 0 1px rgba(255,255,255,.05)}
.avatar-director-stage[hidden]{display:none}
.avatar-director-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}
.avatar-director-title{font-size:18px;font-weight:600;line-height:1.35}
.avatar-director-subtitle{margin-top:3px;color:var(--avatar-director-muted);font-size:15px;line-height:1.5}
.avatar-director-badge{display:inline-flex;min-height:28px;align-items:center;flex:0 0 auto;padding:0 10px;border:1px solid rgba(114,201,150,.34);border-radius:999px;background:rgba(114,201,150,.10);color:var(--avatar-director-success);font-size:12.5px;font-weight:500}
.avatar-director-modes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.avatar-director-label-control{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:10px;padding:9px 11px;border:1px solid rgba(255,252,246,.10);border-radius:10px;background:rgba(255,252,246,.035)}
.avatar-director-label-toggle{display:flex;min-height:44px;align-items:center;gap:10px;cursor:pointer}.avatar-director-label-toggle input{width:20px;height:20px;flex:0 0 auto;accent-color:var(--avatar-director-gold-strong)}.avatar-director-label-toggle span,.avatar-director-label-toggle strong,.avatar-director-label-toggle small{display:block}.avatar-director-label-toggle strong{font-size:14px;font-weight:600}.avatar-director-label-toggle small{margin-top:2px;color:var(--avatar-director-faint);font-size:12px}.avatar-director-label-toggle input:disabled{cursor:not-allowed;opacity:.55}
.avatar-director-label-seconds{display:flex;min-height:44px;align-items:center;gap:8px;color:var(--avatar-director-muted);font-size:12.5px}.avatar-director-label-seconds select{min-height:44px;padding:0 30px 0 10px;border:1px solid var(--avatar-director-line);border-radius:8px;background:var(--avatar-director-surface);color:var(--avatar-director-text)}.avatar-director-label-seconds select:disabled{opacity:.55}
.avatar-director-mode{min-width:0;min-height:58px;padding:8px 10px;border:1px solid rgba(255,252,246,.10);border-radius:10px;background:rgba(255,252,246,.04);color:var(--avatar-director-text);cursor:pointer;text-align:left;white-space:normal;transition:transform var(--avatar-director-fast) var(--avatar-director-ease),border-color var(--avatar-director-fast) var(--avatar-director-ease),background var(--avatar-director-fast) var(--avatar-director-ease)}
.avatar-director-mode strong,.avatar-director-mode span{display:block}
.avatar-director-mode strong{font-size:15px;font-weight:600;line-height:1.35}
.avatar-director-mode span{margin-top:2px;color:var(--avatar-director-faint);font-size:12.5px;line-height:1.35}
.avatar-director-mode:hover:not(:disabled){transform:translateY(-1px);border-color:rgba(201,164,92,.44);background:rgba(201,164,92,.07)}
.avatar-director-mode.is-selected{border-color:var(--avatar-director-gold);background:rgba(201,164,92,.12);box-shadow:inset 0 1px rgba(255,255,255,.06)}
.avatar-director-mode.is-selected span{color:var(--avatar-director-gold)}
.avatar-director-mode:disabled{cursor:not-allowed;opacity:.48}
.avatar-director-status{margin-top:12px;padding:10px 11px;border:1px solid var(--avatar-director-line);border-radius:10px;background:rgba(0,0,0,.18)}
.avatar-director-status[hidden]{display:none}
.avatar-director-status-row{display:flex;align-items:center;justify-content:space-between;gap:10px;color:var(--avatar-director-muted);font-size:13px;line-height:1.5}
.avatar-director-progress-text{color:var(--avatar-director-gold);font-variant-numeric:tabular-nums}
.avatar-director-progress{height:5px;margin-top:8px;overflow:hidden;border-radius:999px;background:rgba(255,252,246,.08)}
.avatar-director-progress span{display:block;width:100%;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--avatar-director-gold),var(--avatar-director-gold-strong));transition:transform var(--avatar-director-standard) var(--avatar-director-ease);transform:scaleX(var(--avatar-director-progress,0));transform-origin:left center}
.avatar-director-status.is-error{border-color:rgba(225,139,127,.38)}
.avatar-director-status.is-error .avatar-director-progress-text{color:var(--avatar-director-error)}
.avatar-director-status.is-complete{border-color:rgba(114,201,150,.40);animation:avatar-director-complete 320ms var(--avatar-director-ease) both}
.avatar-director-status.is-complete .avatar-director-progress-text{color:var(--avatar-director-success)}
.avatar-director-actions{display:flex;align-items:center;gap:8px;margin-top:12px}
.avatar-director-start,.avatar-director-result{display:inline-flex;min-height:46px;align-items:center;justify-content:center;flex:1 1 0;padding:0 18px;border-radius:10px;font-size:15px;font-weight:600;transition:transform var(--avatar-director-fast) var(--avatar-director-ease),filter var(--avatar-director-fast) var(--avatar-director-ease),opacity var(--avatar-director-fast) var(--avatar-director-ease)}
.avatar-director-start{border:1px solid rgba(227,169,60,.70);background:linear-gradient(135deg,var(--avatar-director-gold),var(--avatar-director-gold-strong));color:#171109;cursor:pointer}
.avatar-director-start:hover:not(:disabled),.avatar-director-result:hover{filter:brightness(1.06);transform:translateY(-1px)}
.avatar-director-start:disabled{cursor:not-allowed;filter:saturate(.35);opacity:.58}
.avatar-director-result{border:1px solid rgba(114,201,150,.48);background:rgba(114,201,150,.12);color:#a8e2bf;text-decoration:none}
.avatar-director-result[hidden]{display:none}
.avatar-director-note{margin:9px 0 0;color:var(--avatar-director-faint);font-size:12.5px;line-height:1.55}
@keyframes avatar-director-complete{from{opacity:.68;transform:scale(.985)}to{opacity:1;transform:scale(1)}}

@media (max-width:600px){
  .avatar-lipsync-notice{padding:9px}
  .avatar-lipsync-notice-heading{align-items:flex-start;flex-direction:column;gap:1px}
  .avatar-result-actions{align-items:stretch;flex-direction:column}
.avatar-result-download,.avatar-result-actions .avatar-director-start{width:100%;box-sizing:border-box;flex:0 0 auto}
  .avatar-director-stage{padding:13px}
  .avatar-director-modes{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
  .avatar-director-label-control{align-items:stretch;flex-direction:column;gap:4px}.avatar-director-label-seconds{justify-content:space-between}.avatar-director-label-seconds select{min-width:96px}
  .avatar-director-heading{align-items:flex-start;flex-wrap:wrap}
  .avatar-director-subtitle{font-size:13px}
  .avatar-director-actions{align-items:stretch;flex-direction:column}
  .avatar-director-start,.avatar-director-result{width:100%;flex-basis:auto;box-sizing:border-box}
}
@media (prefers-reduced-motion:reduce){
  .avatar-lipsync-notice-mark,.avatar-lipsync-flow-actions a,.avatar-result-download,.avatar-director-mode,.avatar-director-start,.avatar-director-result,.avatar-director-status{animation:none;transition:none}
}

/* AVATAR_PRESET_MEDIA_FILL_20260926: reused first-paint posters must fill the same frame as lazy posters. */
#panel-4.avfp4-solo :is(#avatarGrid-female,#avatarGrid-male) > .preset-avatar-item > div > img {
  width:100%;height:100%;object-fit:cover;object-position:center top;display:block;
}

/* AVATAR_PRESET_COMPACT_20260926: square portraits avoid magnifying faces to fill a tall frame. */
#panel-4.avfp4-solo :is(#avatarGrid-female,#avatarGrid-male) > .preset-avatar-item{aspect-ratio:1/1;}


#panel-4.avfp4-solo .avfp4gridclip{min-height:0;}
/* AVATAR_SELECTION_WAVE_20260926 */
#panel-4{--av-choice-pink:203 72 132;--av-choice-blue:44 118 213;--av-choice-teal:22 139 120;--av-choice-check:27px;--av-choice-inset:5px;--av-choice-edge:2px;--av-choice-font:22px}
#myVideoList{--av-choice-color:var(--av-choice-teal)}
#avatarGrid-female{--av-choice-color:var(--av-choice-pink)}
#avatarGrid-male{--av-choice-color:var(--av-choice-blue)}
#panel-4 .avatar-choice{position:relative;isolation:isolate;overflow:hidden}
#panel-4 .avatar-choice-selected{outline:var(--av-choice-edge) solid rgb(var(--av-choice-color));outline-offset:calc(-1 * var(--av-choice-edge))}
#panel-4 .avatar-choice-wash{position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:2;background:linear-gradient(90deg,rgb(var(--av-choice-color)/.35),rgb(var(--av-choice-color)/.10) 30%,rgb(var(--av-choice-color)/.10) 70%,rgb(var(--av-choice-color)/.35));opacity:0;transform-origin:center}
#panel-4 .avatar-choice-selected>.avatar-choice-wash{opacity:1}
#panel-4 .avatar-choice-check{position:absolute;top:var(--av-choice-inset);left:var(--av-choice-inset);width:var(--av-choice-check);height:var(--av-choice-check);display:grid;place-items:center;border:var(--av-choice-edge) solid var(--bg-card);border-radius:50%;box-sizing:border-box;background:rgb(var(--av-choice-color));color:#fff;font:600 var(--av-choice-font)/1 'Segoe UI',sans-serif;z-index:4;pointer-events:none;visibility:hidden}
#panel-4 .avatar-choice-selected>.avatar-choice-check{visibility:visible}
#panel-4 .avatar-choice-revealing>.avatar-choice-check{visibility:hidden}

#panel-4 #myVideoList .avatar-choice-wash,#panel-4 #myVideoList .avatar-choice-check{grid-area:1/1/2/2}
@media(max-width:600px){#panel-4{--av-choice-check:23px;--av-choice-font:18px}}
@media(prefers-reduced-motion:reduce){#panel-4 .avatar-choice-wash{transform:none}}

#panel-4 .avatar-choice::after{content:none!important}
#panel-4 :is(#avatarGrid-female,#avatarGrid-male)>.avatar-choice-selected{border-color:rgb(var(--av-choice-color))!important;box-shadow:none!important;outline:var(--av-choice-edge) solid rgb(var(--av-choice-color))!important}

/* AVATAR_CARD_CLEAN_20260926 */
#panel-4.avfp4-solo .avfp4myleft #myVideoList>.avatar-library-card .avatar-library-actions>span[data-act="play"],
#panel-4.avfp4-solo .avfp4myleft #myVideoList>.avatar-library-card .avatar-library-actions>span[data-act="select"]{display:none!important}
#panel-4.avfp4-solo .avfp4myleft #myVideoList>.avatar-library-card.avatar-choice-selected .avatar-library-media>.avatar-matting-status{top:calc(var(--av-choice-inset) + var(--av-choice-check) + var(--avatar-caption-gap))}