/* VÍDEOS DE CRIADORES (2026-10-11) — páginas do kit de ferramentas.
   Não depende do CSS compilado da loja. Cores da loja: vermelho #fe2c55, texto #161823, cinza #5a5b60.
   Sem animação: funciona igual com "reduzir movimento" ligado. */
.tsc{color:#161823}
.tsc-titulo{margin:0 0 8px;font-size:15px;font-weight:600;line-height:1.3;color:#161823}
.tsc-sub{margin:2px 0 8px;font-size:14px;font-weight:600;line-height:1.3;color:#161823}
.tsc-faixa,.tsc-fotos{display:flex;list-style:none;margin:0 -16px;padding:0 16px 12px;overflow-x:auto;overflow-y:hidden;
  scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}
.tsc-faixa::-webkit-scrollbar,.tsc-fotos::-webkit-scrollbar{display:none}
.tsc-faixa{gap:8px}
.tsc-fotos{gap:6px}
.tsc-faixa>li,.tsc-fotos>li{flex:0 0 auto;margin:0;padding:0}

/* cartão do vídeo: só a capa; o vídeo só é pedido quando a pessoa toca */
.tsc-cartao{position:relative;display:block;width:150px;aspect-ratio:9/14;margin:0;padding:0;border:0;border-radius:10px;
  overflow:hidden;background:#d9d9dd;color:#fff;font:inherit;text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent}
.tsc-cartao::after{content:"";position:absolute;left:0;right:0;bottom:0;height:52%;pointer-events:none;
  background:linear-gradient(to top,rgba(0,0,0,.78),rgba(0,0,0,0))}
.tsc-capa{position:absolute;top:0;left:0;width:100%;height:100%;max-width:none;object-fit:cover;display:block}
.tsc-play{position:absolute;left:50%;top:42%;width:46px;height:46px;margin:-23px 0 0 -23px;border-radius:50%;
  background:rgba(22,24,35,.66);display:grid;place-items:center;z-index:1;box-shadow:0 0 0 1.5px rgba(255,255,255,.55)}
.tsc-play svg{display:block;width:20px;height:20px;margin-left:3px;fill:#fff}
.tsc-autor{position:absolute;left:8px;right:8px;bottom:8px;z-index:1;display:flex;align-items:center;gap:6px;min-width:0}
.tsc-avatar{flex:0 0 auto;width:24px;height:24px;max-width:none;border-radius:50%;object-fit:cover;display:block;
  box-shadow:0 0 0 1.5px rgba(255,255,255,.85)}
.tsc-nome{min-width:0;font-size:13px;font-weight:700;line-height:1.2;overflow-wrap:anywhere;
  display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-shadow:0 1px 2px rgba(0,0,0,.75)}

/* miniaturas das fotos */
.tsc-foto{display:block;width:84px;height:84px;margin:0;padding:0;border:0;border-radius:6px;overflow:hidden;background:#f1f1f3;
  cursor:pointer;-webkit-tap-highlight-color:transparent}
.tsc-foto img{display:block;width:100%;height:100%;max-width:none;object-fit:cover}
.tsc-cartao:focus-visible,.tsc-foto:focus-visible{outline:3px solid #fe2c55;outline-offset:2px}

/* janela em tela (tocador do vídeo e foto ampliada) */
.tsc-janela{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;display:flex;align-items:center;justify-content:center;
  background:rgba(0,0,0,.93);overscroll-behavior:contain;-webkit-tap-highlight-color:transparent}
.tsc-janela[hidden]{display:none}
.tsc-quadro{position:relative;flex:0 0 auto;width:min(100vw,56.25vh,480px);width:min(100vw,calc(100dvh * 9 / 16),480px);
  aspect-ratio:9/16;max-height:100vh;max-height:100dvh;background:#000;overflow:hidden}
.tsc-video{display:block;width:100%;height:100%;max-width:none;object-fit:contain;background:#000}
.tsc-quem{position:absolute;top:14px;left:12px;max-width:calc(100% - 76px);display:flex;align-items:center;gap:8px;color:#fff;
  pointer-events:none;z-index:1}
.tsc-quem[hidden]{display:none}
.tsc-quem img{flex:0 0 auto;width:32px;height:32px;max-width:none;border-radius:50%;object-fit:cover;box-shadow:0 0 0 1.5px rgba(255,255,255,.85)}
.tsc-quem img[hidden]{display:none}
.tsc-quem span{min-width:0;font:700 15px/1.2 Inter,Arial,sans-serif;overflow-wrap:anywhere;text-shadow:0 1px 3px rgba(0,0,0,.85)}
.tsc-fotona{display:block;max-width:96vw;max-height:84vh;max-height:84dvh;width:auto;height:auto;object-fit:contain;border-radius:6px}
.tsc-bt{position:absolute;display:grid;place-items:center;width:46px;height:46px;margin:0;padding:0;border:0;border-radius:50%;
  background:rgba(22,24,35,.78);color:#fff;cursor:pointer;z-index:2;box-shadow:0 0 0 1.5px rgba(255,255,255,.45)}
.tsc-bt[hidden]{display:none}
.tsc-bt svg{display:block;width:22px;height:22px}
.tsc-bt:focus-visible{outline:3px solid #fff;outline-offset:2px}
.tsc-fechar{top:max(10px,env(safe-area-inset-top));right:10px}
.tsc-ant{left:8px;top:50%;margin-top:-23px}
.tsc-prox{right:8px;top:50%;margin-top:-23px}
.tsc-cont{position:absolute;left:0;right:0;bottom:max(16px,env(safe-area-inset-bottom));text-align:center;color:#fff;
  font:600 14px/1 Inter,Arial,sans-serif;pointer-events:none}
.tsc-janela[data-tipo="video"] .tsc-fotona,.tsc-janela[data-tipo="video"] .tsc-ant,.tsc-janela[data-tipo="video"] .tsc-prox,
.tsc-janela[data-tipo="video"] .tsc-cont,.tsc-janela[data-tipo="foto"] .tsc-quadro{display:none}
@media (min-width:600px){.tsc-quadro{border-radius:12px}}