/* Home (estúdio) — visual de quadrinho/mangá hentai. Carregar depois de home-studio e nation-chrome. */

/* ---------- Fundo: página de mangá com sarjeta creme e quadros com contorno ---------- */
.home-view-root--studio .home-studio-bg {
  gap: 0.75rem;
  padding: 0 0.75rem;
  background:
    var(--hentai-halftone),
    var(--hentai-cream);
}

.home-view-root--studio .home-studio-bg__tile {
  margin-bottom: 0.75rem;
  border: 3px solid var(--hentai-ink);
  border-radius: 0;
  background: #1a0f12;
  box-shadow: 4px 4px 0 var(--hentai-ink);
  box-sizing: border-box;
}

.home-view-root--studio .home-studio-bg__col:nth-child(3n + 2) .home-studio-bg__tile:nth-child(odd) {
  box-shadow: 4px 4px 0 var(--hentai-pink);
}

/* ---------- Topo: modelo + Imagem/Vídeo ---------- */
.home-studio-root .home-studio__model-btn {
  border: 2.5px solid var(--hentai-ink);
  border-radius: 999px;
  background: var(--hentai-cream);
  color: var(--hentai-ink);
  box-shadow: 3px 3px 0 var(--hentai-ink);
}

.home-studio-root .home-studio__model-btn:hover,
.home-studio-root .home-studio__model-btn.is-open {
  border-color: var(--hentai-ink);
  background: #fff;
  box-shadow: 3px 3px 0 var(--hentai-pink);
}

.home-studio-root .home-studio__model-kicker {
  color: var(--hentai-pink);
  font-weight: 900;
}

.home-studio-root .home-studio__model-name {
  color: var(--hentai-ink);
  font-weight: 900;
}

.home-studio-root .home-studio__chevron,
.home-studio-root .home-studio__model-btn.is-open .home-studio__chevron {
  color: var(--hentai-ink);
}

.home-studio-root .home-studio__model-thumb {
  border: 2px solid var(--hentai-ink);
}

.home-studio-root .home-studio__model-menu {
  border: 2.5px solid var(--hentai-ink);
  border-radius: 0.6rem;
  background: var(--hentai-cream);
  box-shadow: 5px 5px 0 var(--hentai-pink);
}

.home-studio-root .home-studio__model-option {
  color: var(--hentai-ink);
  font-weight: 800;
}

.home-studio-root .home-studio__model-option:hover {
  background: rgba(255, 61, 139, 0.14);
}

.home-studio-root .home-studio__model-option.is-selected {
  border-color: var(--hentai-ink);
  background: #ffd9e8;
}

.home-studio-root .home-studio__model-option-check {
  color: var(--hentai-pink);
}

.home-studio-root .home-studio__model-empty {
  color: rgba(11, 5, 7, 0.6);
}

.home-studio-root .home-studio__type {
  padding: 0.2rem;
  border: 2.5px solid var(--hentai-ink);
  border-radius: 999px;
  background: var(--hentai-cream);
  box-shadow: 3px 3px 0 var(--hentai-ink);
}

.home-studio-root .home-studio__type .home-porn-type__btn {
  border: 0 !important;
  border-radius: 999px !important;
  background: transparent !important;
  color: var(--hentai-ink) !important;
  font-family: var(--hentai-display);
  font-weight: 400 !important;
  box-shadow: none !important;
}

.home-studio-root .home-studio__type .home-porn-type__btn.is-active {
  background: var(--hentai-pink) !important;
  color: #fff !important;
  text-shadow: 1px 1px 0 var(--hentai-ink);
}

/* ---------- Painel central: quadro de quadrinho ---------- */
.home-studio__stage {
  padding-top: 1.6rem;
}

.home-studio-root .home-studio__hero {
  gap: 0.6rem;
  padding: 1.6rem 1.5rem 1.4rem;
  border: 3px solid var(--hentai-ink);
  background:
    radial-gradient(circle at 100% 100%, rgba(255, 61, 139, 0.28) 0 1.2px, transparent 1.8px) 0 0 / 8px 8px,
    var(--hentai-cream);
  box-shadow: 8px 8px 0 var(--hentai-pink), 8px 8px 0 3px var(--hentai-ink);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  transform: rotate(-0.8deg);
  isolation: auto;
  overflow: visible;
}

.home-studio-root .home-studio__hero::before {
  display: none;
}

.home-studio__jp {
  position: absolute !important;
  top: -1.45rem;
  left: -1rem;
  color: var(--hentai-pink);
  font-family: var(--hentai-display);
  font-size: clamp(1.5rem, 3.2vw, 2.1rem);
  line-height: 1;
  white-space: nowrap;
  -webkit-text-stroke: 1.5px var(--hentai-ink);
  text-shadow: 3px 3px 0 var(--hentai-ink);
  transform: rotate(-8deg);
  pointer-events: none;
  user-select: none;
}

.home-studio__burst {
  position: absolute !important;
  top: -1.9rem;
  right: -1.7rem;
  z-index: 2 !important;
  display: grid;
  place-items: center;
  width: 4.8rem;
  height: 4.8rem;
  color: var(--hentai-ink);
  font-family: var(--hentai-display);
  font-size: 1.15rem;
  line-height: 1;
  animation: home-comic-wobble 2.4s ease-in-out infinite;
  pointer-events: none;
  user-select: none;
}

.home-studio__burst::before,
.home-studio__burst::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  clip-path: polygon(50% 0%, 61% 18%, 82% 9%, 79% 31%, 100% 38%, 84% 53%, 97% 72%, 75% 74%, 70% 96%, 52% 83%, 33% 98%, 27% 76%, 4% 76%, 15% 56%, 0% 40%, 20% 31%, 16% 9%, 38% 17%);
}

.home-studio__burst::before {
  background: var(--hentai-ink);
  transform: translate(4px, 4px);
}

.home-studio__burst::after {
  background: #ffd166;
}

@keyframes home-comic-wobble {
  0%, 100% { transform: rotate(10deg) scale(1); }
  50% { transform: rotate(-4deg) scale(1.08); }
}

.home-studio-root .home-studio__brand {
  color: var(--hentai-ink) !important;
  -webkit-text-fill-color: var(--hentai-ink);
  font-family: var(--hentai-display);
  font-size: clamp(1.9rem, 4.2vw, 2.7rem);
  font-weight: 400;
  letter-spacing: 0;
  text-shadow: 3px 3px 0 var(--hentai-pink);
}

.home-studio-root .home-studio__brand-accent {
  color: var(--hentai-orange);
  -webkit-text-fill-color: var(--hentai-orange);
  text-shadow: 3px 3px 0 var(--hentai-ink);
}

.home-studio-root .home-studio__greeting {
  display: inline-block;
  padding: 0.35rem 0.85rem;
  background: var(--hentai-ink);
  color: #fff;
  font-family: var(--hentai-display);
  font-size: clamp(0.95rem, 2vw, 1.2rem);
  font-weight: 400;
  letter-spacing: 0.01em;
  text-shadow: none;
  transform: skewX(-8deg);
  box-shadow: 3px 3px 0 var(--hentai-pink);
}

.home-studio-root .home-studio__lead {
  max-width: 27rem;
  color: #3b1d29;
  font-size: 0.93rem;
  font-weight: 700;
  text-shadow: none;
}

/* ---------- Barra de busca: balão de fala ---------- */
.home-studio-root .home-studio__bar {
  border: 3px solid var(--hentai-ink);
  border-radius: 1.1rem;
  background: var(--hentai-cream);
  box-shadow: 5px 5px 0 var(--hentai-ink);
}

.home-studio-root .home-studio__bar:focus-within {
  border-color: var(--hentai-ink);
  box-shadow: 5px 5px 0 var(--hentai-pink);
}

.home-studio-root .home-studio__search-icon {
  color: var(--hentai-pink);
}

.home-studio-root .home-studio__input {
  color: var(--hentai-ink);
  font-weight: 700;
}

.home-studio-root .home-studio__input::placeholder {
  color: rgba(11, 5, 7, 0.45);
}

.home-studio-root .home-studio__input[type="search"]::-webkit-search-cancel-button {
  filter: none;
}

.home-studio-root .home-studio__search-btn {
  border: 2.5px solid var(--hentai-ink);
  background: #ffd166;
  color: var(--hentai-ink);
  box-shadow: 2px 2px 0 var(--hentai-ink);
}

.home-studio-root .home-studio__search-btn:hover {
  background: #ffc53d;
}

.home-studio-root .home-studio__send.home-undress-generate {
  border: 2.5px solid var(--hentai-ink) !important;
  border-radius: 0.65rem;
  background: linear-gradient(120deg, var(--hentai-orange), var(--hentai-pink)) !important;
  box-shadow: 3px 3px 0 var(--hentai-ink) !important;
}

.home-studio-root .home-studio__send.home-undress-generate:not(:disabled):hover {
  background: linear-gradient(120deg, #fb923c, #ff5c9d) !important;
  box-shadow: 3px 3px 0 var(--hentai-ink) !important;
}

.home-studio-root .home-studio__send-label {
  font-family: var(--hentai-display);
  font-weight: 400;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  text-shadow: 1px 1px 0 var(--hentai-ink);
}

.home-studio-root .home-studio__suggest {
  border: 2.5px solid var(--hentai-ink);
  border-radius: 0.8rem;
  background: var(--hentai-cream);
  box-shadow: 5px 5px 0 var(--hentai-pink);
}

.home-studio-root .home-studio__suggest-item {
  color: var(--hentai-ink);
  font-weight: 800;
}

.home-studio-root .home-studio__suggest-item:hover {
  background: var(--hentai-pink);
  color: #fff;
}

.home-studio-root .home-studio__suggest-count {
  color: inherit;
  opacity: 0.6;
}

/* ---------- Chips, aviso ---------- */
.home-studio-root .home-studio__chip {
  border: 2.5px solid var(--hentai-ink);
  background: var(--hentai-cream);
  color: var(--hentai-ink);
  font-weight: 900;
  box-shadow: 3px 3px 0 var(--hentai-ink);
  transform: rotate(-2deg);
}

.home-studio-root .home-studio__chip:hover {
  border-color: var(--hentai-ink);
  background: #fff;
  color: var(--hentai-ink);
  box-shadow: 3px 3px 0 var(--hentai-pink);
}

.home-studio-root .home-studio__chip .material-symbols-outlined {
  color: var(--hentai-pink);
}

.home-studio-root .home-studio__chip-count {
  border: 1.5px solid var(--hentai-ink);
  background: var(--hentai-pink);
}

.home-view-root--studio .home-studio-root .home-studio__disclaimer {
  padding: 0.3rem 0.8rem;
  background: var(--hentai-ink);
  color: #fff;
  font-weight: 700;
  text-shadow: none;
  box-shadow: 3px 3px 0 var(--hentai-pink);
}

/* ---------- Painéis (resultados / tags) ---------- */
.home-studio-root .home-studio__panel {
  border: 3px solid var(--hentai-ink);
  border-radius: 0;
  background: var(--hentai-cream);
  box-shadow: 7px 7px 0 var(--hentai-pink), 7px 7px 0 3px var(--hentai-ink);
}

.home-studio-root .home-studio__panel-head h2 {
  color: var(--hentai-ink);
  font-family: var(--hentai-display);
  font-size: 1.1rem;
  font-weight: 400;
  text-shadow: 2px 2px 0 var(--hentai-pink);
}

.home-studio-root .home-studio__panel-head p {
  color: #5a3a47;
  font-weight: 700;
}

.home-studio-root .home-studio__panel-close {
  border: 2.5px solid var(--hentai-ink);
  background: #fff;
  color: var(--hentai-ink);
  box-shadow: 2px 2px 0 var(--hentai-ink);
}

.home-studio-root .home-studio__panel-close:hover {
  border-color: var(--hentai-ink);
  background: var(--hentai-pink);
  color: #fff;
}

.home-studio-root .home-studio__panel-done,
.home-studio-root .home-studio__more {
  border: 2.5px solid var(--hentai-ink);
  border-radius: 0;
  background: linear-gradient(120deg, var(--hentai-orange), var(--hentai-pink));
  color: #fff;
  font-family: var(--hentai-display);
  font-weight: 400;
  text-transform: uppercase;
  text-shadow: 1px 1px 0 var(--hentai-ink);
  box-shadow: 4px 4px 0 var(--hentai-ink);
}

.home-studio-root .home-studio__panel-done:hover,
.home-studio-root .home-studio__more:hover {
  background: linear-gradient(120deg, #fb923c, #ff5c9d);
}

.home-studio-root .home-studio__panel .home-porn-tags {
  scrollbar-color: var(--hentai-pink) transparent;
}

.home-studio-root .home-studio__panel .home-porn-tags::-webkit-scrollbar-thumb {
  background: var(--hentai-pink);
}

.home-studio-root .home-studio__panel .home-porn-tags__group-label {
  color: var(--hentai-pink) !important;
  font-family: var(--hentai-display);
  font-weight: 400 !important;
  text-shadow: 1px 1px 0 var(--hentai-ink);
}

.home-studio-root .home-studio__panel .home-porn-tags__status {
  color: var(--hentai-ink) !important;
}

.home-studio-root .home-studio__panel .home-porn-tag {
  border: 2px solid var(--hentai-ink) !important;
  border-radius: 999px !important;
  background: #fff !important;
  color: var(--hentai-ink) !important;
  font-weight: 800 !important;
  box-shadow: 2px 2px 0 var(--hentai-ink) !important;
}

.home-studio-root .home-studio__panel .home-porn-tag:hover {
  background: #ffe4ef !important;
}

.home-studio-root .home-studio__panel .home-porn-tag.is-active {
  background: var(--hentai-pink) !important;
  color: #fff !important;
  box-shadow: 2px 2px 0 var(--hentai-ink) !important;
}

.home-studio-root .home-studio__results-empty {
  color: #5a3a47;
  font-weight: 700;
}

.home-studio-root .home-studio__result {
  border: 3px solid var(--hentai-ink);
  border-radius: 0.2rem;
  box-shadow: 3px 3px 0 var(--hentai-ink);
}

.home-studio-root .home-studio__result:hover {
  border-color: var(--hentai-ink);
  transform: translateY(-2px) rotate(-1.5deg);
  box-shadow: 4px 4px 0 var(--hentai-pink);
}

.home-studio-root .home-studio__result.is-selected {
  border-color: var(--hentai-pink);
  box-shadow: 4px 4px 0 var(--hentai-ink);
}

.home-studio-root .home-studio__result-check {
  border-radius: 999px;
  background: #fff;
  color: var(--hentai-pink);
  text-shadow: none;
}

/* ---------- Referência escolhida ---------- */
.home-studio-root .home-studio__reference {
  border: 2.5px solid var(--hentai-ink);
  border-radius: 0.6rem;
  background: var(--hentai-cream);
  box-shadow: 4px 4px 0 var(--hentai-pink);
}

.home-studio-root .home-studio__reference-img {
  border: 2px solid var(--hentai-ink);
  border-radius: 0.3rem;
}

.home-studio-root .home-studio__reference-kicker {
  color: var(--hentai-pink);
  font-weight: 900;
}

.home-studio-root .home-studio__reference-name {
  color: var(--hentai-ink);
  font-weight: 900;
}

.home-studio-root .home-studio__reference-change,
.home-studio-root .home-studio__reference-remove {
  border: 2px solid var(--hentai-ink);
  background: #fff;
  color: var(--hentai-ink);
  font-weight: 800;
  box-shadow: 2px 2px 0 var(--hentai-ink);
}

@media (max-width: 720px) {
  .home-view-root--studio .home-studio-bg {
    gap: 0.5rem;
    padding: 0 0.5rem;
  }

  .home-view-root--studio .home-studio-bg__tile {
    margin-bottom: 0.5rem;
    border-width: 2px;
    box-shadow: 3px 3px 0 var(--hentai-ink);
  }

  .home-studio-root .home-studio__hero {
    padding: 1.4rem 1rem 1.2rem;
    transform: none;
  }

  .home-studio__jp {
    left: 0.2rem;
    font-size: 1.35rem;
  }

  .home-studio__burst {
    top: -1.6rem;
    right: -0.3rem;
    width: 3.9rem;
    height: 3.9rem;
    font-size: 0.95rem;
  }
}