/* VEAI Studio — Editar Vídeo, feedback e memória */
.mem-btn{font:600 12px/1 var(--mono);color:var(--mute);padding:8px 12px;border:1px solid var(--line);border-radius:99px;white-space:nowrap}
.mem-btn b{color:var(--fg);margin-left:4px}
.mem-btn:hover{border-color:var(--a);color:var(--fg)}
@media (max-width:900px){.mem-btn{order:2}}
.drop.small{padding:26px 16px}
.drop.small b{font-size:15px;word-break:break-all}
.steps{list-style:none;display:flex;flex-direction:column;gap:2px;border:1px solid var(--line);border-radius:14px;padding:8px;background:var(--bg1)}
.steps li{display:flex;align-items:center;gap:10px;padding:7px 8px;border-radius:9px;font-size:14px;color:var(--dim)}
.steps li i{width:10px;height:10px;border-radius:50%;border:2px solid var(--bg3);flex:none}
.steps li em{margin-left:auto;font:500 11px var(--mono);font-style:normal}
.steps li.on{color:var(--fg);background:var(--bg2)}
.steps li.on i{border-color:var(--b);background:var(--b);animation:pulse 1s infinite}
.steps li.done{color:#C9C9D2}
.steps li.done i{border-color:var(--ok);background:var(--ok)}
.steps li.err{color:var(--b)}
.steps li.err i{border-color:var(--b)}
.vres{display:flex;flex-direction:column;gap:16px;animation:rise .6s var(--ease)}
.vsum{color:var(--mute);margin-top:6px;max-width:70ch}
.player-wrap{display:flex;justify-content:center;background:#050507;border:1px solid var(--line);border-radius:20px;padding:12px}
.player{position:relative;width:100%;max-width:900px;aspect-ratio:16/9;border-radius:12px;overflow:hidden;background:#000;container-type:inline-size}
.player.v{aspect-ratio:9/16;max-width:min(380px,100%)}
.player.sq{aspect-ratio:1;max-width:560px}
.player video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.ov,.cap{position:absolute;inset:0;pointer-events:none}
.bigplay{position:absolute;left:50%;top:50%;width:68px;height:68px;margin:-34px;border-radius:50%;background:rgba(255,90,31,.92);display:grid;place-items:center;color:#fff;box-shadow:0 10px 30px rgba(0,0,0,.5);transition:opacity .3s,transform .3s var(--ease)}
.bigplay .play-ic{border-left-width:18px;border-top-width:11px;border-bottom-width:11px;margin-left:5px}
.bigplay.off{opacity:0;pointer-events:none;transform:scale(.8)}

/* motion graphics em HTML — espelham o que o render queima no MP4 */
.g{position:absolute;opacity:0;will-change:transform,opacity;font-family:var(--font);color:#fff}
.g-pilula{left:50%;top:8%;padding:.6cqw 1.8cqw;border-radius:99px;font:700 2.4cqw/1.2 var(--mono);letter-spacing:.08em;background:rgba(22,22,27,.72);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);white-space:nowrap}
.g-selo{left:4%;top:6%;display:flex;align-items:center;gap:1cqw;padding:.8cqw 1.6cqw;border-radius:1.2cqw;background:#F4F3F1;color:#16161B;font:700 2.2cqw/1.2 var(--font)}
.g-selo::before{content:"";width:1.2cqw;height:1.2cqw;border-radius:50%;background:var(--b)}
.g-numero{left:50%;top:28%;text-align:center;font:900 11cqw/1 var(--font);letter-spacing:-.04em;text-shadow:0 .4cqw 2cqw rgba(0,0,0,.5);white-space:nowrap}
.g-numero small{display:block;margin-top:1.2cqw;font:700 2cqw/1.2 var(--mono);letter-spacing:.1em;text-transform:uppercase}
.g-numero b{position:relative;padding:0 .12em}
.g-numero b::before{content:"";position:absolute;inset:.04em -.04em;border:.35cqw solid var(--b);background:var(--b-soft);border-radius:.4cqw;transform:rotate(2deg)}
.g-numero b span{position:relative}
.g-cartao,.g-lista{top:36%;max-width:36%;padding:1.6cqw 2cqw;border-radius:1.6cqw;background:rgba(22,22,27,.78);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.14);box-shadow:0 1cqw 3cqw rgba(0,0,0,.45)}
.g-cartao.esq,.g-lista.esq{left:4%}
.g-cartao.dir,.g-lista.dir{right:4%}
.g-cartao b,.g-lista b{display:block;font:800 2.6cqw/1.15 var(--font);letter-spacing:-.01em}
.g-cartao span,.g-lista span{display:block;margin-top:.6cqw;font-size:1.7cqw;color:#C9C9D2}
.g-citacao{left:8%;right:8%;top:34%;text-align:center;font:800 4.4cqw/1.15 var(--font);letter-spacing:-.02em;padding:1.6cqw 2.4cqw;border-radius:1.6cqw;background:rgba(124,92,255,.82)}
.player.v .g-pilula{font-size:4.4cqw}
.player.v .g-selo{font-size:4cqw}
.player.v .g-numero{font-size:20cqw}
.player.v .g-numero small{font-size:3.8cqw}
.player.v .g-cartao,.player.v .g-lista{max-width:72%}
.player.v .g-cartao b,.player.v .g-lista b{font-size:5cqw}
.player.v .g-cartao span,.player.v .g-lista span{font-size:3.4cqw}
.player.v .g-citacao{font-size:7cqw}
.cap-line{position:absolute;left:6%;right:6%;bottom:8%;text-align:center;font:800 3.6cqw/1.2 var(--font);letter-spacing:-.01em;color:#fff;text-shadow:0 0 .5cqw #000,0 .3cqw 1cqw rgba(0,0,0,.8)}
.player.v .cap-line{bottom:20%;font-size:6.4cqw}
.cap-line span.past,.cap-line span.on{color:var(--b)}

.vbar{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px;font-size:13px}
.vbar code{color:#C9C9D2;font-size:13px;min-width:72px}
#vTl{width:100%;height:132px;border-radius:14px;background:#0D0D12;cursor:pointer}
.vgrid{display:grid;grid-template-columns:1fr 1.3fr;gap:14px}
@media (max-width:1200px){.vgrid{grid-template-columns:1fr}}
.vcol{background:var(--bg1);border:1px solid var(--line);border-radius:16px;padding:12px;min-width:0}
.vcol-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px}
.els{list-style:none;display:flex;flex-direction:column;gap:6px;max-height:340px;overflow:auto}
.els li{display:grid;grid-template-columns:auto auto 1fr auto;gap:8px;align-items:center;padding:6px;border-radius:10px;border:1px solid transparent}
.els li.on{border-color:var(--b);background:var(--b-soft)}
.els select,.els input{background:var(--bg2);border:1px solid var(--line);border-radius:8px;padding:6px 8px;font-size:13px;min-width:0;color:var(--fg)}
.els .t{font:500 11px var(--mono);color:var(--a);cursor:pointer;white-space:nowrap}
.els .x{color:var(--dim);font-size:16px;padding:2px 6px;border-radius:6px}
.els .x:hover{color:var(--b)}
.els .none{color:var(--dim);font-size:13px;padding:6px}
.words{max-height:340px;overflow:auto;line-height:1.9;font-size:15px}
.words span{cursor:pointer;padding:1px 2px;border-radius:4px}
.words span:hover{background:var(--bg3)}
.words span.on{background:var(--b);color:#fff}
.words span.fixed{text-decoration:underline dotted var(--ok)}
.render{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.render .sep{flex:1}
.rbar{width:180px;height:8px;border-radius:8px;background:var(--bg3);overflow:hidden}
.rbar i{display:block;height:100%;width:0;background:var(--b);transition:width .3s}
a.ghost{text-decoration:none}

/* feedback e memória */
.fb[aria-pressed="true"]{border-color:var(--ok);background:rgba(43,211,143,.12)}
.m .fbs{display:inline-flex;gap:4px;margin-left:10px;vertical-align:middle}
.m .fbs button{font-size:12px;padding:2px 6px;border-radius:6px;border:1px solid var(--line);opacity:.7}
.m .fbs button:hover,.m .fbs button[aria-pressed="true"]{opacity:1;border-color:var(--ok)}
dialog.mem{margin:auto;width:min(620px,calc(100% - 32px));max-height:80vh;border:1px solid var(--line2);border-radius:20px;background:var(--bg1);color:var(--fg);padding:0}
dialog.mem::backdrop{background:rgba(0,0,0,.6);backdrop-filter:blur(4px)}
.mem-in{display:flex;flex-direction:column;gap:12px;padding:22px}
.mem-in header{display:flex;justify-content:space-between;align-items:center}
.mem-in h2{font-size:22px;letter-spacing:-.02em}
.mem-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.mem-stats div{background:var(--bg2);border-radius:12px;padding:10px 12px}
.mem-stats b{display:block;font:700 22px var(--mono)}
.mem-stats small{color:var(--mute);font-size:12px}
.mem-list{list-style:none;font:13px var(--mono);color:#C9C9D2;max-height:140px;overflow:auto}
.mem-list li{padding:3px 0}
.mem-terms{display:flex;flex-wrap:wrap;gap:6px}
.mem-terms span{font-size:12.5px;padding:4px 10px;border-radius:99px;background:var(--bg2);border:1px solid var(--line)}
.mem-add{display:flex;gap:8px}