/* MOCK heygen — tudo escopado em .mock-heygen. Projeto: 1280×760 (desktop) e 400×720 (mobile, adaptação própria).
   Cores medidas na captura: #16171A fundo, #1F2124 superfície, #00C4FF ciano, #00141A texto sobre ciano, #0A3A49 item ativo. */
.mock-heygen{position:relative;width:100%;height:100%;display:flex;overflow:hidden;background:#16171A;color:rgba(255,255,255,.9);
  font:400 14px/1.4 'TT Norms Pro','Outfit','Segoe UI',system-ui,-apple-system,sans-serif;text-align:left;letter-spacing:0;-webkit-font-smoothing:antialiased}
.mock-heygen *{box-sizing:border-box}
.mock-heygen h1,.mock-heygen h2,.mock-heygen p,.mock-heygen ul{margin:0;padding:0}
.mock-heygen ul{list-style:none}
.mock-heygen b{font-weight:600}
.mock-heygen em,.mock-heygen i{font-style:normal}
.mock-heygen a{color:rgba(255,255,255,.75);text-decoration:none}
.mock-heygen .hg-ic{flex:none;display:block}
.mock-heygen .hg-glyph{flex:none;display:block}
.mock-heygen .hg-grow{flex:1 1 auto;min-width:0}
.mock-heygen .hg-rel{position:relative}
.mock-heygen .hg-gold{color:#F5C542}
.mock-heygen .hg-pp{display:block;width:100%;height:100%}

/* selo de simulação */
.mock-heygen .hg-sim{display:inline-flex;align-items:center;padding:2px 8px;border-radius:999px;background:#F3E3B5;color:#2A2205;font-size:12px;font-weight:700;line-height:1.35;white-space:nowrap}

/* botões */
.mock-heygen .hg-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;height:40px;padding:0 18px;border-radius:999px;font-weight:600;font-size:14px;white-space:nowrap;flex:none}
.mock-heygen .hg-btn.hg-grow{flex:1 1 auto}
.mock-heygen .hg-btn--pri{background:#00C4FF;color:#00141A}
.mock-heygen .hg-btn--pri.off{background:#2A2C30;color:rgba(255,255,255,.5)}
.mock-heygen .hg-btn--soft{background:rgba(0,196,255,.35);color:#fff}
.mock-heygen .hg-btn--line{border:1px solid rgba(255,255,255,.22);color:rgba(255,255,255,.9)}
.mock-heygen .hg-btn--dash{border:1px dashed #00C4FF;background:rgba(0,196,255,.14);color:#7FE0FF}
.mock-heygen .hg-wide{width:100%}
.mock-heygen .hg-rbtn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:#1F2124;color:rgba(255,255,255,.8);flex:none}
.mock-heygen .hg-rbtn.hg-sm{width:32px;height:32px;background:transparent}
.mock-heygen .hg-rbtn.hg-playing{background:#00C4FF;color:#00141A}
.mock-heygen .hg-tbtn{display:inline-flex;align-items:center;gap:6px;height:40px;padding:0 14px;border-radius:999px;background:#1F2124;color:rgba(255,255,255,.85);font-weight:600;font-size:14px;white-space:nowrap;flex:none}
.mock-heygen .hg-tbtn.on{box-shadow:inset 0 0 0 1.5px #00C4FF;color:#7FE0FF}
.mock-heygen .hg-tbtn.hg-tsm{height:30px;padding:0 10px;font-size:13px}
.mock-heygen .hg-pillbtn{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 12px;border-radius:999px;background:rgba(255,255,255,.1);color:rgba(255,255,255,.75);font-weight:600;font-size:13px;white-space:nowrap}
.mock-heygen .hg-chip{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 15px;border-radius:999px;background:#1F2124;color:rgba(255,255,255,.8);font-weight:600;font-size:14px;white-space:nowrap;flex:none}
.mock-heygen .hg-chip.on{box-shadow:inset 0 0 0 1.5px #00C4FF;color:#fff}
.mock-heygen .hg-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 9px;border-radius:999px;font-size:12px;font-weight:600;white-space:nowrap;flex:none}
.mock-heygen .hg-badge--green{background:#1E5B1E;color:#fff}
.mock-heygen .hg-me{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;background:#3A4252;color:#fff;font-weight:700;font-size:13px;box-shadow:0 0 0 2px #16171A,0 0 0 3.5px #00C4FF;flex:none}
.mock-heygen .hg-me--lg{width:40px;height:40px;font-size:16px;box-shadow:none}

/* ajuda (Ask Orby) */
.mock-heygen .hg-orby{position:relative;display:inline-flex;align-items:center;gap:7px;height:36px;padding:0 13px 0 9px;border-radius:999px;background:#1F2124;font-weight:600;font-size:13px;white-space:nowrap;flex:none}
.mock-heygen .hg-orby>i{position:absolute;top:-2px;right:-2px;width:10px;height:10px;border-radius:50%;background:#E5484D;box-shadow:0 0 0 2px #16171A}
.mock-heygen .hg-orbyw{position:absolute;top:14px;right:18px;z-index:3}

/* trilho */
.mock-heygen .hg-rail{flex:none;width:78px;height:100%;display:flex;flex-direction:column;align-items:center;padding:10px 0 12px;gap:2px}
.mock-heygen .hg-ri{width:70px;height:66px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:rgba(255,255,255,.75);font-size:12px}
.mock-heygen .hg-rii{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:11px}
.mock-heygen .hg-ri.on{color:#00C4FF}
.mock-heygen .hg-ri.on .hg-rii{background:rgba(0,196,255,.18)}
.mock-heygen .hg-rgap{height:10px;flex:none}
.mock-heygen .hg-rb{width:44px;height:44px;display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.75);flex:none}

/* painel secundário */
.mock-heygen .hg-side{flex:none;width:200px;height:100%;display:flex;flex-direction:column;gap:4px;padding:16px 10px 14px 4px}
.mock-heygen .hg-sh{display:flex;align-items:center;justify-content:space-between;height:32px;padding:0 6px 0 12px;color:rgba(255,255,255,.5);font-size:13px}
.mock-heygen .hg-shb{display:flex;width:28px;height:28px;align-items:center;justify-content:center}
.mock-heygen .hg-sp{display:flex;align-items:center;gap:10px;height:40px;padding:0 12px;border-radius:999px;color:rgba(255,255,255,.75);font-weight:600}
.mock-heygen .hg-sp.on{background:#0A3A49;color:#fff}
.mock-heygen .hg-sp.hg-sub{padding-left:26px;font-weight:400;height:36px}

/* área principal */
.mock-heygen .hg-main{position:relative;flex:1 1 auto;min-width:0;height:100%;overflow-y:auto;overflow-x:hidden;scrollbar-width:none}
.mock-heygen .hg-main::-webkit-scrollbar{display:none}
.mock-heygen .hg-col{max-width:1010px;margin:0 auto;padding:22px 28px 28px}
.mock-heygen[data-screen="home"] .hg-col{max-width:980px;padding-top:26px}
.mock-heygen:not(.is-mob)[data-screen="avatars"] .hg-col,.mock-heygen:not(.is-mob)[data-screen="avatar"] .hg-col,.mock-heygen:not(.is-mob)[data-screen="voices"] .hg-col,.mock-heygen:not(.is-mob)[data-screen="projects"] .hg-col{padding-top:58px}
.mock-heygen .hg-h1{font-size:32px;font-weight:800;letter-spacing:-.02em;line-height:1.15;margin-bottom:10px}

/* HOME */
.mock-heygen .hg-welcome{font-size:24px;font-weight:600;margin-bottom:18px}
.mock-heygen .hg-welcome b{background:linear-gradient(90deg,#00C4FF,#5B8CFF);-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:700}
.mock-heygen .hg-steps{display:flex;gap:12px;margin-bottom:22px}
.mock-heygen .hg-step1{position:relative;flex:1 1 auto;height:132px;border-radius:16px;overflow:hidden;display:flex;align-items:center;gap:16px;padding:0 22px;background:linear-gradient(100deg,#0F2A44 0%,#14213A 55%,#2A2350 100%)}
.mock-heygen .hg-s1i{display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:50%;background:#00C4FF;color:#00141A;flex:none}
.mock-heygen .hg-s1t{display:flex;flex-direction:column;gap:5px;min-width:0;position:relative;z-index:1}
.mock-heygen .hg-s1t small{font-size:13px;color:#7FE0FF;font-weight:600}
.mock-heygen .hg-s1t b{font-size:27px;font-weight:800;letter-spacing:-.02em;line-height:1.1}
.mock-heygen .hg-s1t em{align-self:flex-start;display:inline-flex;align-items:center;gap:6px;padding:2px 10px;border-radius:999px;background:rgba(0,196,255,.2);color:#00C4FF;font-size:12px;font-weight:600}
.mock-heygen .hg-s1t em i{width:6px;height:6px;border-radius:50%;background:#00C4FF}
.mock-heygen .hg-s1deco{position:absolute;right:120px;top:-30px;width:150px;height:150px;border-radius:38% 62% 55% 45%;background:radial-gradient(circle at 30% 30%,#C9B6FF,#6A4FD9 60%,transparent 72%);opacity:.55}
.mock-heygen .hg-s1deco::after{content:"";position:absolute;right:-40px;bottom:-34px;width:84px;height:84px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#B8F5A0,#3E9E55 65%,transparent 75%)}
.mock-heygen .hg-step1 .hg-btn{margin-left:auto;position:relative;z-index:1}
.mock-heygen .hg-step2{flex:none;width:150px;height:132px;border-radius:16px;background:#1B1C20;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;padding:16px 14px;color:rgba(255,255,255,.5)}
.mock-heygen .hg-step2 small{font-size:13px;font-weight:600}
.mock-heygen .hg-step2 .hg-pillbtn{color:rgba(255,255,255,.6);background:rgba(255,255,255,.07)}
.mock-heygen .hg-sec{display:flex;align-items:center;justify-content:space-between;margin:0 0 10px;font-weight:600}
.mock-heygen .hg-sec span{display:inline-flex;align-items:center;gap:8px}
.mock-heygen .hg-sec a{display:inline-flex;align-items:center;height:30px;padding:0 6px;font-size:13px}
.mock-heygen .hg-vrow{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:22px}
.mock-heygen .hg-vcard{position:relative;aspect-ratio:16/10;border-radius:14px;overflow:hidden;background:#1F2124}
.mock-heygen .hg-newv{background:linear-gradient(135deg,#12314F,#1B2550);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px}
.mock-heygen .hg-plusc{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,.14)}
.mock-heygen .hg-vcard.hg-empty{background:transparent;border:1px dashed rgba(255,255,255,.16);display:flex;align-items:center;justify-content:center;padding:10px;text-align:center;color:rgba(255,255,255,.5);font-size:13px}
.mock-heygen .hg-dur{position:absolute;right:8px;bottom:8px;display:inline-flex;align-items:center;gap:4px;padding:2px 7px;border-radius:7px;background:rgba(0,0,0,.6);color:#fff;font-size:12px;z-index:2}
.mock-heygen .hg-apps{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.mock-heygen .hg-apps3{grid-template-columns:repeat(3,1fr);margin-bottom:16px}
.mock-heygen .hg-app{display:flex;align-items:center;gap:12px;height:64px;padding:0 14px;border-radius:999px;border:1px solid rgba(255,255,255,.1);background:#1B1C20;min-width:0}
.mock-heygen .hg-app b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mock-heygen .hg-appi{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;background:#2A2C31;flex:none}

/* quadro de vídeo (amostra) */
.mock-heygen .hg-frame{position:relative;overflow:hidden;border-radius:12px;background:#6B4A2E;flex:none}
.mock-heygen .hg-frame--port{aspect-ratio:9/16}
.mock-heygen .hg-frame--land{aspect-ratio:16/9}
.mock-heygen .hg-frame.hg-fill{position:absolute;inset:0;aspect-ratio:auto;border-radius:0}
.mock-heygen .hg-shelf{position:absolute;left:0;right:0;top:22%;height:26%;z-index:1;opacity:.5;
  background:repeating-linear-gradient(90deg,transparent 0 9%,rgba(255,236,200,.5) 9% 15%,transparent 15% 21%),linear-gradient(#0000 0 46%,rgba(60,35,15,.8) 46% 52%,#0000 52% 94%,rgba(60,35,15,.8) 94%)}
.mock-heygen .hg-frame .hg-pp{position:absolute;top:0;bottom:0;left:50%;right:auto;width:auto;height:100%;aspect-ratio:1/1;transform:translateX(-50%);z-index:2}
.mock-heygen .hg-frame .hg-pp rect:first-child{fill-opacity:0}
.mock-heygen .hg-frame .hg-pp circle:nth-child(2){fill-opacity:0}
.mock-heygen .hg-frame>.hg-sim{position:absolute;left:8px;top:8px;z-index:4}
.mock-heygen .hg-bigplay{position:absolute;left:50%;top:50%;margin:-28px 0 0 -28px;width:56px;height:56px;border-radius:50%;background:rgba(0,0,0,.5);color:#fff;display:flex;align-items:center;justify-content:center;z-index:3}
.mock-heygen .hg-eq{position:absolute;right:10px;top:10px;z-index:4;display:flex;align-items:flex-end;gap:3px;height:18px;padding:3px 6px;border-radius:7px;background:rgba(0,0,0,.55)}
.mock-heygen .hg-eq i{width:3px;background:#00C4FF;border-radius:2px;height:60%;animation:hg-eq 1s ease-in-out infinite}
.mock-heygen .hg-eq i:nth-child(2){animation-delay:.2s;height:100%}
.mock-heygen .hg-eq i:nth-child(3){animation-delay:.4s;height:40%}
.mock-heygen .hg-eq i:nth-child(4){animation-delay:.1s;height:80%}
@keyframes hg-eq{0%,100%{transform:scaleY(.4)}50%{transform:scaleY(1)}}
.mock-heygen .hg-eq i{transform-origin:bottom}

/* legendas (estilos de amostra) */
.mock-heygen .hg-cap{display:inline-block;max-width:92%;font-weight:800;font-size:15px;line-height:1.2;text-align:center}
.mock-heygen .hg-frame>.hg-cap{position:absolute;left:50%;transform:translateX(-50%);bottom:13%;z-index:3;width:max-content;max-width:88%}
.mock-heygen .hg-cap--amber{font-family:Georgia,'Times New Roman',serif;color:#FFC857;text-shadow:0 0 12px rgba(255,180,60,.9)}
.mock-heygen .hg-cap--yellow{color:#FFE600;font-size:19px;text-transform:uppercase;text-shadow:0 2px 0 #000,0 0 3px #000}
.mock-heygen .hg-frame>.hg-cap--yellow{bottom:27%;font-size:22px}
.mock-heygen .hg-cap--pill{background:#000;color:#fff;padding:5px 12px;border-radius:999px}
.mock-heygen .hg-cap--block{background:#111;color:#fff;padding:5px 9px;border-radius:4px;text-transform:uppercase}
.mock-heygen .hg-cap--bold{color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.9),0 0 2px #000}

/* abas, busca, chips */
.mock-heygen .hg-tabs{display:flex;align-items:center;gap:22px;height:48px;margin-bottom:12px}
.mock-heygen .hg-tab{position:relative;display:inline-flex;align-items:center;height:44px;font-size:18px;font-weight:600;color:rgba(255,255,255,.5);white-space:nowrap}
.mock-heygen .hg-tab.on{color:rgba(255,255,255,.95)}
.mock-heygen .hg-tab.on::after{content:"";position:absolute;left:0;right:0;bottom:2px;height:3px;border-radius:2px;background:#00C4FF}
.mock-heygen .hg-tabs--sm .hg-tab{font-size:15px}
.mock-heygen .hg-tabs--sm{gap:20px}
.mock-heygen .hg-tools{position:relative;display:flex;align-items:center;gap:10px;margin-bottom:14px}
.mock-heygen .hg-search{flex:1 1 auto;display:flex;align-items:center;gap:9px;height:40px;padding:0 13px;border-radius:10px;background:#1F2124;color:rgba(255,255,255,.5);min-width:0;white-space:nowrap;overflow:hidden}
.mock-heygen .hg-seg{display:inline-flex;height:40px;padding:4px;border-radius:999px;background:#1F2124;flex:none}
.mock-heygen .hg-seg i{display:flex;align-items:center;justify-content:center;width:34px;border-radius:999px;color:rgba(255,255,255,.6)}
.mock-heygen .hg-seg i.on{background:#34363B;color:#fff}
.mock-heygen .hg-chips{display:flex;gap:8px;margin-bottom:16px;overflow:hidden}
.mock-heygen .hg-emptybox{display:flex;flex-direction:column;align-items:center;gap:9px;margin-top:40px;padding:34px 24px;border:1px dashed rgba(255,255,255,.16);border-radius:16px;text-align:center;color:rgba(255,255,255,.75)}
.mock-heygen .hg-emptybox b{font-size:17px;color:#fff}
.mock-heygen .hg-emptybox>span:not(.hg-sim){max-width:420px}

/* grade de avatares */
.mock-heygen .hg-agrid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px 14px}
.mock-heygen .hg-acard{display:flex;flex-direction:column;gap:8px;min-width:0}
.mock-heygen .hg-apics{display:flex;gap:6px;height:186px}
.mock-heygen .hg-abig{position:relative;flex:62 1 0;border-radius:14px;overflow:hidden;background:#1F2124}
.mock-heygen .hg-asm{flex:38 1 0;display:flex;flex-direction:column;gap:6px}
.mock-heygen .hg-asm span{flex:1 1 0;border-radius:12px;overflow:hidden;background:#1F2124;display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.35);min-height:0}
.mock-heygen .hg-new{position:absolute;left:8px;top:8px;padding:1px 8px;border-radius:999px;background:#F3E3B5;color:#2A2205;font-size:12px;font-weight:700}
.mock-heygen .hg-acard>b{font-size:14px}

/* detalhe do avatar */
.mock-heygen .hg-ahead{display:flex;align-items:center;gap:12px;margin-bottom:8px}
.mock-heygen .hg-ahead h1{font-size:24px;font-weight:700}
.mock-heygen .hg-athumb{width:44px;height:44px;border-radius:50%;overflow:hidden;flex:none}
.mock-heygen .hg-count{color:rgba(255,255,255,.6);font-size:13px;margin:0 0 12px 2px}
.mock-heygen .hg-lgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.mock-heygen .hg-look{position:relative;height:186px;border-radius:14px;overflow:hidden;background:#1F2124}
.mock-heygen .hg-look.on{box-shadow:0 0 0 2px #00C4FF}
.mock-heygen .hg-lookn{position:absolute;left:0;right:0;bottom:0;padding:22px 10px 9px;background:linear-gradient(transparent,rgba(0,0,0,.72));font-size:13px;font-weight:600;color:#fff}
.mock-heygen .hg-lookb{position:absolute;top:8px;right:8px;display:flex;gap:6px}
.mock-heygen .hg-lookb i{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:rgba(22,23,26,.82);color:#fff}
.mock-heygen .hg-lookb i.hg-lookgo{border-radius:10px;background:#fff;color:#16171A}

/* vozes */
.mock-heygen .hg-vbig{height:60px}
.mock-heygen .hg-vlist{display:flex;flex-direction:column}
.mock-heygen .hg-vrow2{display:flex;align-items:center;gap:12px;min-height:64px;padding:8px 4px;border-bottom:1px solid rgba(255,255,255,.08)}
.mock-heygen .hg-vrow2.on{background:rgba(0,196,255,.07)}
.mock-heygen .hg-vplay{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:#1F2124;flex:none}
.mock-heygen .hg-vrow2.on .hg-vplay{background:#00C4FF;color:#00141A}
.mock-heygen .hg-vtx{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:1px}
.mock-heygen .hg-vtx small{font-size:12px;color:rgba(255,255,255,.55);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mock-heygen .hg-nosound{font-size:12px;color:#7FE0FF}
.mock-heygen .hg-vlang{display:inline-flex;align-items:center;gap:5px;font-size:13px;color:rgba(255,255,255,.75);width:108px;flex:none}
.mock-heygen .hg-menu{position:absolute;z-index:20;min-width:190px;padding:6px;border-radius:14px;background:#1F2124;border:1px solid rgba(255,255,255,.12);box-shadow:0 14px 40px rgba(0,0,0,.55);display:flex;flex-direction:column}
.mock-heygen .hg-mi{display:flex;align-items:center;gap:10px;height:44px;padding:0 12px;border-radius:9px;color:rgba(255,255,255,.9);white-space:nowrap}
.mock-heygen .hg-mi.hg-danger{color:#FF8A8A}
.mock-heygen .hg-sepl{display:block;height:1px;margin:4px 6px;background:rgba(255,255,255,.1)}
.mock-heygen .hg-menu>.hg-sim{align-self:flex-start;margin:4px 8px 6px}
.mock-heygen .hg-vlmenu{top:46px;right:238px}

/* assistente */
.mock-heygen.is-full{display:block}
.mock-heygen .hg-wiz{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;
  background:radial-gradient(520px 340px at 0 0,rgba(110,30,60,.28),transparent 70%),radial-gradient(560px 380px at 100% 100%,rgba(30,70,150,.28),transparent 70%),#0E0F11}
.mock-heygen .hg-wback{position:absolute;left:20px;top:18px}
.mock-heygen .hg-wexit{position:absolute;right:20px;top:18px}
.mock-heygen .hg-wbody{display:flex;flex-direction:column;align-items:center;gap:16px;max-width:760px;padding:60px 24px 24px;text-align:center}
.mock-heygen .hg-wbody h1{font-size:38px;font-weight:800;letter-spacing:-.02em;line-height:1.12}
.mock-heygen .hg-wbody>p{color:rgba(255,255,255,.75);max-width:520px}
.mock-heygen .hg-wbtn{min-width:150px;height:44px;margin-top:6px}
.mock-heygen .hg-wcards{display:flex;gap:18px;margin-top:14px}
.mock-heygen .hg-wcard{width:290px;padding:16px 16px 18px;border-radius:16px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.03);display:flex;flex-direction:column;gap:7px;text-align:left}
.mock-heygen .hg-wcard b{font-size:18px}
.mock-heygen .hg-wcard>span{color:rgba(255,255,255,.72);font-size:13px}
.mock-heygen .hg-wpic{position:relative;height:150px;border-radius:12px;overflow:hidden;background:#1A1B1F;margin-bottom:6px}
.mock-heygen .hg-crop{padding:14px 70px}
.mock-heygen .hg-crop .hg-pp{border-radius:8px}
.mock-heygen .hg-crop i{position:absolute;width:18px;height:18px;border:2.5px solid #00C4FF}
.mock-heygen .hg-crop i:nth-of-type(1){left:60px;top:8px;border-right:0;border-bottom:0}
.mock-heygen .hg-crop i:nth-of-type(2){right:60px;top:8px;border-left:0;border-bottom:0}
.mock-heygen .hg-crop i:nth-of-type(3){left:60px;bottom:8px;border-right:0;border-top:0}
.mock-heygen .hg-crop i:nth-of-type(4){right:60px;bottom:8px;border-left:0;border-top:0}
.mock-heygen .hg-trio{display:flex;align-items:center;justify-content:center;gap:8px;padding:18px}
.mock-heygen .hg-trio span{width:70px;height:104px;border-radius:10px;overflow:hidden}
.mock-heygen .hg-trio span:nth-child(2){height:116px}
.mock-heygen .hg-eqn{display:flex;align-items:center;gap:12px;margin:10px 0}
.mock-heygen .hg-eqn em{font-size:24px;color:rgba(255,255,255,.6)}
.mock-heygen .hg-eqc{position:relative;width:118px;height:150px;border-radius:14px;overflow:hidden;background:#1F2124;display:flex;align-items:center;justify-content:center;color:#00C4FF}
.mock-heygen .hg-eqc b{position:absolute;left:0;right:0;bottom:0;padding:16px 6px 7px;font-size:13px;color:#fff;background:linear-gradient(transparent,rgba(0,0,0,.7))}
.mock-heygen .hg-eqr{box-shadow:0 0 0 2px #00C4FF}
.mock-heygen .hg-stepper{position:absolute;top:18px;left:50%;transform:translateX(-50%);display:flex;align-items:flex-start;gap:8px}
.mock-heygen .hg-stp{display:flex;flex-direction:column;align-items:center;gap:4px;font-size:12px;color:rgba(255,255,255,.55);width:74px}
.mock-heygen .hg-stp i{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:9px;background:#1F2124}
.mock-heygen .hg-stp.on{color:#fff}
.mock-heygen .hg-stp.on i{border:1.5px dashed #00C4FF;color:#00C4FF;background:rgba(0,196,255,.1)}
.mock-heygen .hg-dots{width:22px;margin-top:16px;border-top:2px dotted rgba(255,255,255,.3)}
.mock-heygen .hg-wbody:has(.hg-stepper){padding-top:96px}
.mock-heygen .hg-duo{position:relative;width:330px;height:190px;margin:6px 0}
.mock-heygen .hg-duo span{position:absolute;width:150px;height:180px;border-radius:14px;overflow:hidden}
.mock-heygen .hg-duo1{left:20px;top:0;transform:rotate(-5deg)}
.mock-heygen .hg-duo2{right:20px;top:8px;transform:rotate(4deg);box-shadow:0 0 0 2px #00C4FF}
.mock-heygen .hg-duo b{position:absolute;left:8px;bottom:8px;display:inline-flex;align-items:center;gap:5px;padding:2px 8px;border-radius:999px;background:rgba(0,0,0,.65);font-size:12px;color:#fff}
.mock-heygen .hg-duo b i{width:6px;height:6px;border-radius:50%;background:#00C4FF}
.mock-heygen .hg-fan{display:flex;gap:8px;margin:6px 0}
.mock-heygen .hg-fan span{width:96px;height:140px;border-radius:12px;overflow:hidden;background:#1F2124}
.mock-heygen .hg-fan span:nth-child(odd){transform:translateY(8px)}
.mock-heygen .hg-fanplus{display:flex;align-items:center;justify-content:center;border:1.5px dashed rgba(255,255,255,.3);background:transparent!important;color:rgba(255,255,255,.7)}
.mock-heygen .hg-gcard{width:470px;max-width:100%;padding:28px 28px 26px;border-radius:18px;border:1px solid rgba(255,255,255,.12);background:#16171A;display:flex;flex-direction:column;align-items:center;gap:10px}
.mock-heygen .hg-gcard small,.mock-heygen .hg-tiptx small{color:#00C4FF;font-size:12px;font-weight:700;letter-spacing:.08em}
.mock-heygen .hg-gcard h2{font-size:26px;font-weight:800;letter-spacing:-.01em;line-height:1.15}
.mock-heygen .hg-gcard p{color:rgba(255,255,255,.75)}
.mock-heygen .hg-consent{text-align:left;align-items:flex-start}
.mock-heygen .hg-consent small{color:#F3E3B5}
.mock-heygen .hg-consent li{display:flex;gap:8px;align-items:flex-start;margin-top:6px;color:rgba(255,255,255,.9)}
.mock-heygen .hg-consent li .hg-ic{margin-top:3px;color:#00C4FF}
.mock-heygen .hg-tip{display:flex;width:520px;max-width:100%;border-radius:18px;overflow:hidden;border:1px solid rgba(255,255,255,.12);background:#16171A;text-align:left}
.mock-heygen .hg-tippic{position:relative;width:190px;flex:none;min-height:240px}
.mock-heygen .hg-tippic .hg-pp{position:absolute;inset:0}
.mock-heygen .hg-tippic .hg-badge{position:absolute;left:10px;top:10px}
.mock-heygen .hg-tiptx{flex:1 1 auto;padding:22px 20px 18px;display:flex;flex-direction:column;gap:8px}
.mock-heygen .hg-tiptx h2{font-size:21px;font-weight:800;line-height:1.2}
.mock-heygen .hg-tiptx p{color:rgba(255,255,255,.75);font-size:13px}
.mock-heygen .hg-tipft{display:flex;align-items:center;justify-content:space-between;margin-top:auto}
.mock-heygen .hg-tipft .hg-wbtn{min-width:110px;margin:0}
.mock-heygen .hg-pdots{display:flex;gap:6px}
.mock-heygen .hg-pdots i{width:7px;height:7px;border-radius:50%;background:rgba(255,255,255,.3)}
.mock-heygen .hg-pdots i.on{background:#00C4FF}
.mock-heygen .hg-drop{position:relative;width:600px;max-width:100%;height:190px;border-radius:16px;border:1.5px solid #00C4FF;background:rgba(0,196,255,.06);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:#7FE0FF}
.mock-heygen .hg-drop b{color:#fff;font-size:16px}
.mock-heygen .hg-dropped{flex-direction:row;justify-content:flex-start;gap:18px;padding:0 24px;text-align:left}
.mock-heygen .hg-upic{width:110px;height:140px;border-radius:12px;overflow:hidden;flex:none}
.mock-heygen .hg-uptx{display:flex;flex-direction:column;gap:6px}
.mock-heygen .hg-uptx small{color:rgba(255,255,255,.8);font-size:13px}
.mock-heygen .hg-dropped>.hg-sim{position:absolute;right:12px;top:12px}
.mock-heygen .hg-or{display:flex;align-items:center;gap:12px;width:600px;max-width:100%;color:rgba(255,255,255,.55);font-size:13px}
.mock-heygen .hg-or i{flex:1;height:1px;background:rgba(255,255,255,.14)}
.mock-heygen .hg-two{display:flex;gap:12px;width:600px;max-width:100%}
.mock-heygen .hg-two .hg-btn{flex:1 1 0;height:46px}
.mock-heygen .hg-remind{display:inline-flex;align-items:center;height:36px;color:#7FE0FF;font-size:13px;text-decoration:underline}

/* editor */
.mock-heygen .hg-ed{position:relative;width:100%;height:100%;display:flex;flex-direction:column}
.mock-heygen .hg-edtop{flex:none;height:52px;display:flex;align-items:center;gap:8px;padding:0 14px 0 10px;border-bottom:1px solid rgba(255,255,255,.08)}
.mock-heygen .hg-edpill{display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 10px;border-radius:999px;background:#1F2124;font-weight:600;font-size:13px;flex:none}
.mock-heygen .hg-edname{display:inline-flex;align-items:center;height:34px;padding:0 10px;border-radius:8px;font-weight:600;max-width:240px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.mock-heygen .hg-edname.ph{color:rgba(255,255,255,.5)}
.mock-heygen .hg-ratio{display:inline-flex;gap:4px;flex:none}
.mock-heygen .hg-ratio i{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;color:rgba(255,255,255,.7)}
.mock-heygen .hg-ratio i.on{background:#2B2D32;color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.18)}
.mock-heygen .hg-gen{height:34px;padding:0 18px}
.mock-heygen .hg-edrow{flex:1 1 auto;min-height:0;display:flex}
.mock-heygen .hg-edscript{flex:none;width:400px;display:flex;flex-direction:column;border-right:1px solid rgba(255,255,255,.08);min-height:0}
.mock-heygen .hg-sch{flex:none;display:flex;align-items:center;height:48px;padding:0 10px 0 18px}
.mock-heygen .hg-sch b{font-weight:700}
.mock-heygen .hg-scl{flex:1 1 auto;min-height:0;overflow-y:auto;padding:4px 12px 8px;scrollbar-width:none}
.mock-heygen .hg-scl::-webkit-scrollbar{display:none}
.mock-heygen .hg-scene{display:flex;gap:10px;padding:12px 8px;border-radius:12px}
.mock-heygen .hg-scene.on{background:#1B1C20}
.mock-heygen .hg-scene+.hg-scene{margin-top:8px;border:1px dashed rgba(0,196,255,.5)}
.mock-heygen .hg-scav{width:32px;height:32px;border-radius:50%;overflow:hidden;flex:none}
.mock-heygen .hg-scmain{flex:1 1 auto;min-width:0}
.mock-heygen .hg-sctx{min-height:44px;font-size:14px;line-height:21px;white-space:pre-wrap;overflow-wrap:anywhere;border-radius:6px;padding:2px 4px}
.mock-heygen .hg-sctx.ph{color:rgba(255,255,255,.45)}
.mock-heygen .hg-pausechip{display:inline-flex;align-items:center;gap:3px;padding:0 7px;border-radius:999px;background:rgba(0,196,255,.2);color:#7FE0FF;font-size:12px;font-weight:600;vertical-align:1px}
.mock-heygen .hg-pausechip .hg-ic{display:inline-block}
.mock-heygen .hg-scft{display:flex;align-items:center;gap:6px;margin-top:10px;flex-wrap:wrap}
.mock-heygen .hg-chipbtn{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 12px;border-radius:999px;background:#2A2C31;font-size:13px;font-weight:600;white-space:nowrap}
.mock-heygen .hg-chipbtn.on{background:rgba(0,196,255,.2);color:#7FE0FF}
.mock-heygen .hg-scadd{flex:none;display:flex;gap:10px;padding:10px 14px 14px}
.mock-heygen .hg-edstage{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;background:#101113}
.mock-heygen .hg-prev{position:relative;flex:1 1 auto;min-height:0;display:flex;align-items:center;justify-content:center;padding:18px}
.mock-heygen .hg-prev .hg-frame--port{height:100%;max-height:440px}
.mock-heygen .hg-prev .hg-frame--land{width:100%;max-width:440px}
.mock-heygen .hg-zoom{position:absolute;right:12px;bottom:10px;display:inline-flex;align-items:center;height:30px;padding:0 12px;border-radius:999px;background:#1F2124;font-size:12px;color:rgba(255,255,255,.75)}
.mock-heygen .hg-edbar{flex:none;height:44px;display:flex;align-items:center;gap:8px;padding:0 12px;border-top:1px solid rgba(255,255,255,.08);background:#16171A}
.mock-heygen .hg-time{font-size:13px;color:rgba(255,255,255,.75);font-variant-numeric:tabular-nums}
.mock-heygen .hg-tline{flex:none;height:78px;display:flex;align-items:center;gap:8px;padding:0 14px;background:#16171A;border-top:1px solid rgba(255,255,255,.08)}
.mock-heygen .hg-tls{position:relative;width:86px;height:52px;border-radius:9px;overflow:hidden;background:#1F2124}
.mock-heygen .hg-tls.on{box-shadow:0 0 0 2px #00C4FF}
.mock-heygen .hg-tls em{position:absolute;right:4px;bottom:3px;padding:0 5px;border-radius:5px;background:rgba(0,0,0,.65);font-size:12px}
.mock-heygen .hg-tladd{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:10px;background:#1F2124}
.mock-heygen .hg-props{flex:none;width:300px;display:flex;flex-direction:column;border-left:1px solid rgba(255,255,255,.08);min-height:0;position:relative;background:#16171A}
.mock-heygen .hg-ph2{flex:none;display:flex;align-items:center;gap:8px;height:50px;padding:0 10px 0 16px}
.mock-heygen .hg-ph2>b{font-weight:700;margin-right:auto;white-space:nowrap}
.mock-heygen .hg-ph2 .hg-sim{font-size:12px}
.mock-heygen .hg-pbody{flex:1 1 auto;min-height:0;overflow-y:auto;padding:2px 14px 12px;display:flex;flex-direction:column;gap:8px;scrollbar-width:none}
.mock-heygen .hg-pbody::-webkit-scrollbar{display:none}
.mock-heygen .hg-pbody label{display:flex;align-items:center;gap:6px;margin-top:6px;font-size:13px;color:rgba(255,255,255,.6);font-weight:600}
.mock-heygen .hg-det{margin-left:auto;font-weight:400;font-size:12px;color:rgba(255,255,255,.55)}
.mock-heygen .hg-prow{display:flex;align-items:center;gap:10px;min-height:52px;padding:6px 10px;border-radius:12px;background:#1F2124;flex:none}
.mock-heygen .hg-ptx{flex:1 1 auto;min-width:0;display:flex;flex-direction:column}
.mock-heygen .hg-ptx b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mock-heygen .hg-ptx small{font-size:12px;color:rgba(255,255,255,.55)}
.mock-heygen .hg-pthumb{width:38px;height:38px;border-radius:9px;overflow:hidden;flex:none}
.mock-heygen .hg-pplay{display:flex;align-items:center;justify-content:center;border-radius:50%;background:#2E3035}
.mock-heygen .hg-sel{display:flex;align-items:center;justify-content:space-between;gap:8px;height:44px;padding:0 12px;border-radius:10px;background:#1F2124;flex:none}
.mock-heygen .hg-sel span{display:inline-flex;align-items:center;gap:7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mock-heygen .hg-sel.ph span{color:rgba(255,255,255,.5)}
.mock-heygen .hg-sel em{padding:0 6px;border-radius:5px;background:rgba(0,196,255,.2);color:#00C4FF;font-size:12px}
.mock-heygen .hg-three{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;flex:none}
.mock-heygen .hg-three span{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;height:58px;border-radius:10px;background:#1F2124;font-size:12px}
.mock-heygen .hg-sw{width:16px;height:16px;border-radius:4px;background:linear-gradient(135deg,#00C4FF,#8A63E6)}
.mock-heygen .hg-twob{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:4px;border-radius:12px;background:#1F2124;flex:none}
.mock-heygen .hg-twob span{display:flex;align-items:center;justify-content:center;gap:6px;height:40px;border-radius:9px;font-weight:600;font-size:13px}
.mock-heygen .hg-twob span.on{background:#0A3A49;color:#fff}
.mock-heygen .hg-twob--line{background:transparent;padding:0}
.mock-heygen .hg-twob--line span{border:1px solid rgba(255,255,255,.18);height:44px}
.mock-heygen .hg-vcard2{display:flex;flex-direction:column;gap:10px;padding:12px;border-radius:14px;background:#1B1C20;border:1px solid rgba(255,255,255,.08);flex:none}
.mock-heygen .hg-vc1{display:flex;align-items:center;gap:10px}
.mock-heygen .hg-slider{position:relative;height:24px;flex:none}
.mock-heygen .hg-slider::before{content:"";position:absolute;left:0;right:0;top:10px;height:4px;border-radius:2px;background:#2E3035}
.mock-heygen .hg-slider i{position:absolute;left:0;top:10px;height:4px;border-radius:2px;background:#00C4FF}
.mock-heygen .hg-slider b{position:absolute;top:4px;width:16px;height:16px;margin-left:-8px;border-radius:50%;background:#fff}
.mock-heygen .hg-note{font-size:12px;line-height:1.45;color:rgba(255,255,255,.6)}
.mock-heygen .hg-note--box{padding:10px 12px;border-radius:10px;background:#1B1C20;color:rgba(255,255,255,.78)}
.mock-heygen .hg-pfoot{position:relative;flex:none;display:flex;align-items:center;gap:8px;padding:10px 14px 14px;border-top:1px solid rgba(255,255,255,.08)}
.mock-heygen .hg-crpill{display:inline-flex;align-items:center;gap:6px;height:40px;padding:0 12px;border-radius:999px;background:#1F2124;font-weight:700;flex:none}
.mock-heygen .hg-crpill.on{box-shadow:inset 0 0 0 1.5px #00C4FF}
.mock-heygen .hg-pop{position:absolute;z-index:15;padding:11px 13px;border-radius:12px;background:#1F2124;border:1px solid rgba(0,196,255,.55);box-shadow:0 12px 34px rgba(0,0,0,.55);display:flex;flex-direction:column;gap:3px;font-size:13px}
.mock-heygen .hg-pop span{color:rgba(255,255,255,.72);font-size:12px}
.mock-heygen .hg-crpop{left:14px;right:14px;bottom:64px}
.mock-heygen .hg-capcard{position:relative;display:flex;align-items:center;justify-content:center;height:62px;border-radius:12px;background:linear-gradient(135deg,#3A3F4D,#23262E);flex:none;overflow:hidden}
.mock-heygen .hg-capcard.on{box-shadow:0 0 0 2px #00C4FF}
.mock-heygen .hg-capcard small{position:absolute;right:8px;top:5px;font-size:12px;color:rgba(255,255,255,.8)}
.mock-heygen .hg-capcard .hg-cap{font-size:14px;margin-top:12px}
.mock-heygen .hg-edtools{flex:none;width:76px;display:flex;flex-direction:column;align-items:center;padding:6px 0 8px;border-left:1px solid rgba(255,255,255,.08)}
.mock-heygen .hg-tl{position:relative;width:74px;height:58px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:12px;color:rgba(255,255,255,.75);flex:none}
.mock-heygen .hg-tl i{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%}
.mock-heygen .hg-tl.on{color:#fff}
.mock-heygen .hg-tl.on i{background:#000;box-shadow:inset 0 0 0 1px rgba(255,255,255,.2)}
.mock-heygen .hg-tl em{position:absolute;right:12px;top:6px}
.mock-heygen .hg-tl span{white-space:nowrap}

/* projetos */
.mock-heygen .hg-date{margin:4px 0 12px;font-size:12px;letter-spacing:.06em;color:rgba(255,255,255,.55)}
.mock-heygen .hg-pgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px 14px}
.mock-heygen .hg-pcard{display:flex;flex-direction:column;gap:5px;min-width:0}
.mock-heygen .hg-pcard>b{margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mock-heygen .hg-pcard>small{font-size:12px;color:rgba(255,255,255,.55)}
.mock-heygen .hg-pth{position:relative;aspect-ratio:4/3;border-radius:14px;overflow:hidden;background:#1F2124}
.mock-heygen .hg-pcard.on .hg-pth{box-shadow:0 0 0 2px rgba(255,255,255,.35)}
.mock-heygen .hg-pth>.hg-sim{position:absolute;left:8px;top:8px;z-index:4}
.mock-heygen .hg-pbadge{position:absolute;left:8px;bottom:8px;z-index:3;padding:2px 8px;border-radius:7px;background:rgba(0,0,0,.62);font-size:12px;color:#fff}
.mock-heygen .hg-pplayc{position:absolute;left:50%;top:50%;margin:-22px 0 0 -22px;width:44px;height:44px;border-radius:50%;background:rgba(0,0,0,.55);display:flex;align-items:center;justify-content:center;z-index:3}
.mock-heygen .hg-pact{position:absolute;right:8px;top:8px;display:flex;gap:6px;z-index:5}
.mock-heygen .hg-pact i{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:rgba(22,23,26,.86);color:#fff}
.mock-heygen .hg-proc{position:absolute;inset:0;z-index:3;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:rgba(10,12,16,.72);font-weight:600}
.mock-heygen .hg-spin{width:28px;height:28px;border-radius:50%;border:3px solid rgba(255,255,255,.2);border-top-color:#00C4FF;animation:hg-spin 1s linear infinite}
@keyframes hg-spin{to{transform:rotate(360deg)}}

/* página do vídeo */
.mock-heygen .hg-vpage{display:flex;flex-direction:column;height:100%;padding:14px 18px 0 20px}
.mock-heygen .hg-vhead{flex:none;display:flex;align-items:center;gap:12px;height:52px}
.mock-heygen .hg-vtit{display:flex;flex-direction:column;min-width:0}
.mock-heygen .hg-vtit b{font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mock-heygen .hg-vtit small{font-size:12px;color:rgba(255,255,255,.55)}
.mock-heygen .hg-vacts{position:relative;display:flex;align-items:center;gap:8px;flex:none}
.mock-heygen .hg-views{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 12px;border-radius:999px;background:#1F2124;font-size:13px;color:rgba(255,255,255,.75)}
.mock-heygen .hg-sharebtn{display:inline-flex;height:40px;border-radius:999px;overflow:hidden;background:#fff;color:#111;flex:none}
.mock-heygen .hg-sharebtn b{display:inline-flex;align-items:center;gap:6px;padding:0 14px 0 16px;font-weight:600}
.mock-heygen .hg-sharebtn i{display:flex;align-items:center;justify-content:center;width:42px;border-left:1px solid rgba(0,0,0,.14)}
.mock-heygen .hg-moremenu{top:46px;right:104px}
.mock-heygen .hg-vrow3{flex:1 1 auto;min-height:0;display:flex;gap:16px;padding-top:10px}
.mock-heygen .hg-vcenter{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;align-items:center;gap:10px}
.mock-heygen .hg-player{display:flex;flex-direction:column;align-items:center;gap:0;height:560px;flex:none}
.mock-heygen .hg-player .hg-frame{height:520px;border-radius:14px 14px 0 0}
.mock-heygen .hg-pbar{display:flex;align-items:center;gap:10px;height:40px;width:100%;padding:0 12px;border-radius:0 0 14px 14px;background:#1F2124;font-size:12px;color:rgba(255,255,255,.8)}
.mock-heygen .hg-pbar>span{display:flex}
.mock-heygen .hg-react{display:flex;align-items:center;gap:6px;height:40px;padding:0 12px;border-radius:999px;background:#1F2124;font-size:17px}
.mock-heygen .hg-react span{display:flex;margin-left:6px;color:rgba(255,255,255,.75)}
.mock-heygen .hg-vside{flex:none;width:310px;display:flex;flex-direction:column;border-radius:16px 16px 0 0;background:#1B1C20;min-height:0;position:relative}
.mock-heygen .hg-vside .hg-prow,.mock-heygen .hg-vside .hg-sel{background:#26282D}
.mock-heygen .hg-vtabs{flex:none;display:flex;gap:18px;height:48px;padding:0 16px;border-bottom:1px solid rgba(255,255,255,.08)}
.mock-heygen .hg-vtabs span{position:relative;display:inline-flex;align-items:center;font-weight:600;color:rgba(255,255,255,.5)}
.mock-heygen .hg-vtabs span.on{color:#fff}
.mock-heygen .hg-vtabs span.on::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;border-radius:2px;background:#00C4FF}
.mock-heygen .hg-vside .hg-pbody{padding-top:10px}
.mock-heygen .hg-tagx{margin-left:4px;padding:1px 6px;border-radius:5px;background:rgba(0,196,255,.2);color:#00C4FF;font-size:11px;font-weight:700}
.mock-heygen .hg-cb{display:flex;align-items:center;gap:10px;min-height:44px;flex:none}
.mock-heygen .hg-cb>i{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:5px;border:1.5px solid rgba(255,255,255,.45);flex:none}
.mock-heygen .hg-cb.on>i{background:#00C4FF;border-color:#00C4FF;color:#00141A}
.mock-heygen .hg-trmenu{position:static;margin-top:6px}

/* modais e avisos */
.mock-heygen .hg-scrim{position:absolute;inset:0;z-index:40;display:flex;align-items:center;justify-content:center;background:rgba(6,7,9,.66);backdrop-filter:blur(3px)}
.mock-heygen .hg-modal{position:relative;width:450px;max-width:calc(100% - 28px);padding:24px;border-radius:20px;background:#1F2124;border:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;gap:12px}
.mock-heygen .hg-modal h2{font-size:22px;font-weight:800;letter-spacing:-.01em}
.mock-heygen .hg-modal h2 b{color:#00C4FF;font-weight:800}
.mock-heygen .hg-modal p{color:rgba(255,255,255,.75)}
.mock-heygen .hg-modal .hg-sel{background:#2A2C31}
.mock-heygen .hg-x{position:absolute;right:12px;top:12px;display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,.08);z-index:2}
.mock-heygen .hg-gatepic{height:150px;border-radius:14px;overflow:hidden}
.mock-heygen .hg-gaterow{display:flex;align-items:center;gap:12px;min-height:56px;padding:8px 14px;border-radius:14px;background:#2A2C31}
.mock-heygen .hg-gaterow span{flex:1;display:flex;flex-direction:column}
.mock-heygen .hg-gaterow small{font-size:12px;color:rgba(255,255,255,.6)}
.mock-heygen .hg-swrow{display:flex;align-items:center;justify-content:space-between;min-height:44px;font-weight:600}
.mock-heygen .hg-switch{position:relative;width:42px;height:24px;border-radius:999px;background:#3A3D44;flex:none}
.mock-heygen .hg-switch b{position:absolute;left:3px;top:3px;width:18px;height:18px;border-radius:50%;background:#fff}
.mock-heygen .hg-switch.on{background:#00C4FF}
.mock-heygen .hg-switch.on b{left:21px}
.mock-heygen .hg-pwbox{display:flex;align-items:center;justify-content:space-between;height:44px;padding:0 12px;border-radius:10px;background:#2A2C31;letter-spacing:.2em}
.mock-heygen .hg-pwbox .hg-sim{letter-spacing:0}
.mock-heygen .hg-shrow{display:flex;justify-content:space-between;padding:10px 0 4px;border-top:1px solid rgba(255,255,255,.1)}
.mock-heygen .hg-shi{display:flex;flex-direction:column;align-items:center;gap:5px;width:66px;font-size:12px;color:rgba(255,255,255,.8)}
.mock-heygen .hg-shi i{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:#2A2C31}
.mock-heygen .hg-toast{position:absolute;left:50%;bottom:22px;transform:translateX(-50%);z-index:60;display:flex;align-items:center;gap:9px;max-width:calc(100% - 28px);padding:10px 14px;border-radius:12px;background:#0A3A49;border:1px solid rgba(0,196,255,.55);color:#fff;font-weight:600;box-shadow:0 12px 34px rgba(0,0,0,.5)}
.mock-heygen .hg-toast em{padding:1px 7px;border-radius:999px;background:#F3E3B5;color:#2A2205;font-size:12px;font-weight:700;flex:none}

/* ---------- celular (adaptação própria: trilho vira barra de baixo, painéis viram folhas) ---------- */
.mock-heygen.is-mob{flex-direction:column}
.mock-heygen .hg-mtop{flex:none;height:50px;display:flex;align-items:center;gap:8px;padding:0 12px;border-bottom:1px solid rgba(255,255,255,.08)}
.mock-heygen .hg-mtop b{font-size:16px;font-weight:700}
.mock-heygen .hg-mnav{flex:none;height:60px;display:flex;border-top:1px solid rgba(255,255,255,.1);background:#16171A}
.mock-heygen .hg-mni{flex:1 1 0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:12px;color:rgba(255,255,255,.75);min-width:0}
.mock-heygen .hg-mni.on{color:#00C4FF}
.mock-heygen .hg-mni .hg-me{width:22px;height:22px;font-size:12px;box-shadow:0 0 0 1.5px #00C4FF}
.mock-heygen.is-mob .hg-main{height:auto;min-height:0}
.mock-heygen.is-mob .hg-col{padding:14px 14px 20px}
.mock-heygen .hg-mpills{display:flex;gap:8px;margin-bottom:6px}
.mock-heygen.is-mob .hg-welcome{font-size:21px;margin-bottom:12px}
.mock-heygen.is-mob .hg-steps{flex-wrap:wrap;gap:10px;margin-bottom:16px}
.mock-heygen.is-mob .hg-step1{flex:1 1 100%;height:auto;flex-wrap:wrap;padding:14px;gap:12px}
.mock-heygen.is-mob .hg-s1i{width:44px;height:44px}
.mock-heygen.is-mob .hg-s1t{flex:1 1 0}
.mock-heygen.is-mob .hg-s1t b{font-size:20px}
.mock-heygen.is-mob .hg-s1deco{right:-30px;opacity:.3}
.mock-heygen.is-mob .hg-step1 .hg-btn{margin-left:0;width:100%;height:44px}
.mock-heygen.is-mob .hg-step2{flex:1 1 0;width:auto;height:76px;padding:10px 12px}
.mock-heygen.is-mob .hg-vrow{grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:16px}
.mock-heygen.is-mob .hg-apps{grid-template-columns:repeat(2,1fr);gap:10px}
.mock-heygen.is-mob .hg-app{height:56px;padding:0 10px;gap:8px;font-size:13px}
.mock-heygen.is-mob .hg-appi{width:32px;height:32px}
.mock-heygen.is-mob .hg-apps3{display:flex;overflow:hidden;margin-bottom:8px}
.mock-heygen.is-mob .hg-apps3 .hg-app{flex:none;width:220px;height:50px}
.mock-heygen.is-mob .hg-tabs{gap:18px;margin-bottom:8px}
.mock-heygen.is-mob .hg-tab{font-size:16px}
.mock-heygen.is-mob .hg-tabs--sm .hg-tab{font-size:14px}
.mock-heygen.is-mob .hg-tabs--sm{gap:14px}
.mock-heygen.is-mob .hg-tabs .hg-btn{padding:0 14px}
.mock-heygen.is-mob .hg-tools{gap:8px;margin-bottom:10px}
.mock-heygen.is-mob .hg-tbtn{padding:0 11px}
.mock-heygen.is-mob .hg-chips{margin-bottom:12px}
.mock-heygen.is-mob .hg-chip{padding:0 13px}
.mock-heygen.is-mob .hg-agrid{grid-template-columns:repeat(2,1fr);gap:12px 10px}
.mock-heygen.is-mob .hg-apics{height:120px}
.mock-heygen.is-mob .hg-emptybox{margin-top:16px;padding:22px 16px}
.mock-heygen.is-mob .hg-ahead{padding-right:0;gap:8px}
.mock-heygen.is-mob .hg-ahead h1{font-size:20px}
.mock-heygen.is-mob .hg-athumb{width:36px;height:36px}
.mock-heygen.is-mob .hg-lgrid{grid-template-columns:repeat(2,1fr);gap:10px}
.mock-heygen.is-mob .hg-look{height:150px}
.mock-heygen.is-mob .hg-vrow2{gap:9px}
.mock-heygen.is-mob .hg-vrow2 .hg-badge{display:none}
.mock-heygen.is-mob .hg-vlang{width:auto;font-size:12px}
.mock-heygen.is-mob .hg-vlmenu{top:46px;right:0;left:auto}
.mock-heygen.is-mob .hg-h1{font-size:26px;margin-bottom:4px}
.mock-heygen.is-mob .hg-pgrid{grid-template-columns:repeat(2,1fr);gap:14px 10px}
/* assistente no celular */
.mock-heygen.is-mob .hg-wbody{padding:64px 16px 18px;gap:12px;width:100%}
.mock-heygen.is-mob .hg-wbody:has(.hg-stepper){padding-top:126px}
.mock-heygen.is-mob .hg-wbody h1{font-size:27px}
.mock-heygen.is-mob .hg-wcards{flex-direction:column;gap:12px;width:100%;margin-top:6px}
.mock-heygen.is-mob .hg-wcard{width:100%;padding:12px}
.mock-heygen.is-mob .hg-wpic{height:96px}
.mock-heygen.is-mob .hg-crop{padding:10px 120px}
.mock-heygen.is-mob .hg-crop i:nth-of-type(odd){left:110px}
.mock-heygen.is-mob .hg-crop i:nth-of-type(even){right:110px}
.mock-heygen.is-mob .hg-crop i{top:auto}
.mock-heygen.is-mob .hg-crop i:nth-of-type(1),.mock-heygen.is-mob .hg-crop i:nth-of-type(2){top:4px}
.mock-heygen.is-mob .hg-crop i:nth-of-type(3),.mock-heygen.is-mob .hg-crop i:nth-of-type(4){bottom:4px}
.mock-heygen.is-mob .hg-trio{padding:8px}
.mock-heygen.is-mob .hg-trio span{width:54px;height:72px}
.mock-heygen.is-mob .hg-trio span:nth-child(2){height:82px}
.mock-heygen.is-mob .hg-eqn{gap:5px}
.mock-heygen.is-mob .hg-eqn em{font-size:17px}
.mock-heygen.is-mob .hg-eqc{width:74px;height:104px;border-radius:11px}
.mock-heygen.is-mob .hg-eqc b{font-size:12px;padding:12px 2px 5px}
.mock-heygen.is-mob .hg-stepper{top:58px;gap:4px}
.mock-heygen.is-mob .hg-stp{width:68px}
.mock-heygen.is-mob .hg-dots{width:12px}
.mock-heygen.is-mob .hg-wback{left:12px;top:10px}
.mock-heygen.is-mob .hg-wexit{right:12px;top:10px}
.mock-heygen.is-mob .hg-fan span{width:62px;height:100px}
.mock-heygen.is-mob .hg-gcard{padding:22px 18px}
.mock-heygen.is-mob .hg-gcard h2{font-size:22px}
.mock-heygen.is-mob .hg-tip{flex-direction:column}
.mock-heygen.is-mob .hg-tippic{width:100%;min-height:150px}
.mock-heygen.is-mob .hg-drop{height:150px}
.mock-heygen.is-mob .hg-dropped{height:auto;padding:38px 14px 14px;gap:12px}
.mock-heygen.is-mob .hg-upic{width:84px;height:108px}
.mock-heygen.is-mob .hg-two{flex-direction:column;gap:10px}
.mock-heygen.is-mob .hg-two .hg-btn{flex:none}
/* editor no celular */
.mock-heygen.is-mob .hg-edtop{height:50px;padding:0 10px 0 8px;gap:6px}
.mock-heygen.is-mob .hg-edname{max-width:none;flex:1 1 0;padding:0 4px;font-size:13px}
.mock-heygen.is-mob .hg-edtop .hg-grow{display:none}
.mock-heygen.is-mob .hg-edstage{flex:none;height:262px}
.mock-heygen.is-mob .hg-prev{padding:10px}
.mock-heygen.is-mob .hg-prev .hg-frame--port{max-height:198px}
.mock-heygen.is-mob .hg-prev .hg-frame--land{max-width:330px}
.mock-heygen.is-mob .hg-edbar{height:40px}
.mock-heygen.is-mob .hg-edscript{flex:1 1 auto;width:auto;border-right:0;border-top:1px solid rgba(255,255,255,.08)}
.mock-heygen.is-mob .hg-sch{height:42px}
.mock-heygen.is-mob .hg-scadd{padding:8px 12px 10px}
.mock-heygen.is-mob .hg-edtools{width:100%;height:60px;flex-direction:row;padding:0;border-left:0;border-top:1px solid rgba(255,255,255,.1)}
.mock-heygen.is-mob .hg-tl{flex:1 1 0;width:auto;height:60px;min-width:0}
.mock-heygen.is-mob .hg-tl span{font-size:12px;letter-spacing:-.02em}
.mock-heygen .hg-sheet{position:absolute!important;left:0;right:0;bottom:0;width:auto!important;height:416px;z-index:30;border-radius:18px 18px 0 0!important;border:1px solid rgba(255,255,255,.14);border-bottom:0;background:#1B1C20!important;box-shadow:0 -14px 40px rgba(0,0,0,.6)}
/* página do vídeo no celular */
.mock-heygen.is-mob .hg-vpage{height:auto;padding:10px 14px 14px;gap:10px}
.mock-heygen.is-mob .hg-vhead{height:auto}
.mock-heygen.is-mob .hg-vacts{justify-content:flex-start}
.mock-heygen.is-mob .hg-moremenu{top:46px;right:auto;left:150px}
.mock-heygen.is-mob .hg-player{height:auto;flex-direction:row;align-items:stretch;justify-content:center;gap:0}
.mock-heygen.is-mob .hg-player .hg-frame{height:214px;border-radius:12px}
.mock-heygen.is-mob .hg-pbar{display:none}
.mock-heygen.is-mob .hg-vside{width:auto;border-radius:16px}
.mock-heygen.is-mob .hg-vside.hg-sheet{height:430px;bottom:60px}
.mock-heygen.is-mob .hg-modal{padding:20px 16px 16px}
.mock-heygen.is-mob .hg-shi{width:58px}
.mock-heygen.is-mob .hg-toast{bottom:72px;font-size:13px;width:max-content}

@media (prefers-reduced-motion:reduce){
  .mock-heygen .hg-eq i,.mock-heygen .hg-spin{animation:none}
}

/* figuras em caixa larga: a silhueta inteira, centralizada */
.mock-heygen .hg-gatepic,.mock-heygen.is-mob .hg-tippic{position:relative;background:#2F3552}
.mock-heygen .hg-gatepic .hg-pp,.mock-heygen.is-mob .hg-tippic .hg-pp{position:absolute;top:0;bottom:0;left:50%;right:auto;width:auto;height:100%;aspect-ratio:1/1;transform:translateX(-50%)}
.mock-heygen.is-mob .hg-tippic{background:#3B3F4A}
.mock-heygen.is-mob .hg-wiz{align-items:flex-start}
.mock-heygen .hg-frame--port:not(.hg-fill) .hg-pp{top:auto;bottom:0;height:62%}