/* Recriar: janela no estilo do "Recreate template" do Higgsfield (mídia em cima, título condensado, zona das fotos). */
.dlg-recriar { width: min(560px, 94vw); padding: 16px; }
.dlg-recriar .ed-dialogo-topo { margin-bottom: 10px; }
.rc-autor { display: flex; align-items: center; gap: 10px; min-width: 0; }
.rc-autor img { width: 30px; height: 30px; border-radius: 50%; flex: none; background: var(--fundo-3); padding: 5px; }
.rc-autor b { font-size: 15px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.rc-origem { display: grid; place-items: center; background: var(--fundo-3); border-radius: 16px; padding: 16px; height: 220px; }
.rc-origem img, .rc-origem video { max-height: 188px; max-width: 100%; border-radius: 14px; display: block; object-fit: contain; }

.rc-titulo { font-family: var(--cond, "Archivo", "Arial Narrow", sans-serif); font-stretch: 68%; font-weight: 900; text-transform: uppercase; font-size: 30px; line-height: 1; letter-spacing: -0.01em; margin: 18px 0 4px; }
.rc-sub { color: var(--texto-2); margin: 0 0 14px; }

.rc-zona { position: relative; border: 1.5px dashed rgb(255 255 255 / 14%); border-radius: 16px; background: var(--fundo-3); min-height: 170px; display: grid; place-items: center; text-align: center; padding: 18px; cursor: pointer; transition: border-color .15s; }
:root[data-theme="light"] .rc-zona { border-color: rgb(20 16 40 / 18%); }
.rc-zona:hover, .rc-zona.sobre, .rc-zona:focus-visible { border-color: var(--neon); outline: none; }
.rc-zona.tem { cursor: default; place-items: stretch; }
.rc-vazio { display: grid; justify-items: center; gap: 6px; }
.rc-zona.tem .rc-vazio { display: none; }
.rc-icones { display: flex; margin-bottom: 8px; }
.rc-icones span { width: 38px; height: 38px; border-radius: 50%; background: var(--fundo-2); border: 2px solid var(--fundo-3); display: grid; place-items: center; margin-left: -8px; }
.rc-icones span:first-child { margin-left: 0; }
.rc-icones svg { width: 17px; height: 17px; fill: none; stroke: var(--texto); stroke-width: 1.9; stroke-linecap: round; stroke-linejoin: round; }
.rc-vazio b { font-size: 15px; }
.rc-vazio small { color: var(--texto-2); }

.rc-fotos { display: none; flex-wrap: wrap; gap: 10px; align-content: flex-start; }
.rc-zona.tem .rc-fotos { display: flex; }
.rc-foto { position: relative; margin: 0; width: 96px; }
.rc-foto img { width: 96px; height: 120px; object-fit: cover; border-radius: 12px; display: block; }
.rc-foto figcaption { font-size: 11px; color: var(--texto-2); margin-top: 3px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.rc-foto button { position: absolute; top: 4px; right: 4px; width: 24px; height: 24px; border-radius: 50%; border: 0; background: rgb(0 0 0 / 65%); color: #fff; display: grid; place-items: center; cursor: pointer; padding: 0; }
.rc-foto button .ic { width: 12px; height: 12px; }
.rc-mais { width: 96px; height: 120px; border-radius: 12px; border: 1.5px dashed rgb(255 255 255 / 18%); background: transparent; color: var(--texto-2); display: grid; place-items: center; cursor: pointer; }
.rc-mais:hover { border-color: var(--neon); color: var(--texto); }

.rc-personagens { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; margin-top: 10px; font-size: 12.5px; color: var(--texto-2); }
.rc-personagens:empty { display: none; }
.chip-pers { display: inline-flex; align-items: center; gap: 6px; border: 1px solid var(--linha); background: var(--fundo-3); color: var(--texto); border-radius: 999px; padding: 3px 10px 3px 3px; font-size: 12.5px; cursor: pointer; }
.chip-pers img { width: 22px; height: 22px; border-radius: 50%; object-fit: cover; }
.chip-pers.ativo { border-color: var(--neon); background: var(--acento-suave); }

.dlg-recriar .campo { margin-top: 12px; }
.dlg-recriar .gerar { margin-top: 12px; }
.rc-botao { width: 100%; }

@media (max-width: 520px) {
  .rc-origem { height: 180px; }
  .rc-origem img, .rc-origem video { max-height: 150px; }
  .rc-titulo { font-size: 26px; }
  .rc-foto, .rc-foto img, .rc-mais { width: 78px; }
  .rc-foto img, .rc-mais { height: 98px; }
}
