/* теги публикации (версия, шейдер, сервер) и выпадающие подсказки */
.tag-row{ display:flex; flex-wrap:wrap; gap:8px; margin:12px 0 2px; }
.tag-chip{
  display:inline-flex; align-items:center; gap:6px; max-width:100%;
  padding:6px 11px; border-radius:999px; background:#141414; border:1px solid #262626;
  font-family:'Unbounded',sans-serif; font-size:11.5px; font-weight:600; color:#e6e6e6;
}
.tag-chip{ text-decoration:none; transition:border-color .15s ease, background .15s ease; }
a.tag-chip:hover{ border-color:#4a4a4a; background:#1b1b1b; }
a.tag-chip:focus-visible{ outline:2px solid #fff; outline-offset:2px; }
.tag-chip .h{ color:#7a7a7a; font-weight:500; }
.tag-chip .k{ color:#7a7a7a; font-weight:500; }
.tag-chip .v{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }

.tag-fields{ display:flex; flex-direction:column; gap:10px; margin:2px 0 6px; }
.tag-field{ position:relative; display:flex; flex-direction:column; gap:6px; }
.tag-field label{ font-size:11.5px; font-weight:600; color:#8a8a8a; letter-spacing:.02em; }
.tag-field input{ width:100%; box-sizing:border-box; }
.tag-hint{ font-size:11.5px; color:#666; margin:-2px 0 0; }

.suggest-box{
  position:absolute; left:0; right:0; top:100%; z-index:60; margin-top:4px;
  background:#101010; border:1px solid #2a2a2a; border-radius:12px; overflow:hidden;
  box-shadow:0 14px 34px rgba(0,0,0,.6); display:none;
}
.suggest-box.show{ display:block; }
.suggest-item{
  display:flex; align-items:center; gap:10px; width:100%; box-sizing:border-box; text-align:left;
  padding:10px 12px; background:transparent; border:0; color:#e6e6e6; cursor:pointer;
  font-family:'Unbounded',sans-serif; font-size:12.5px; font-weight:600; min-height:40px;
}
.suggest-item:hover, .suggest-item.active{ background:rgba(255,255,255,.07); }
.suggest-item img{ width:22px; height:22px; border-radius:5px; object-fit:cover; flex:none; background:#222; }
.suggest-item .note{ margin-left:auto; color:#6f6f6f; font-weight:500; font-size:11px; padding-left:8px; white-space:nowrap; }
.suggest-foot{ padding:7px 12px; font-size:11px; color:#666; border-top:1px solid #1d1d1d; }

/* свои теги: поле с чипами */
.ht-box{ position:relative; display:flex; flex-wrap:wrap; align-items:center; gap:6px; min-height:46px; box-sizing:border-box;
  padding:7px 10px; background:var(--bg,#0A0A0A); border:1px solid rgba(255,255,255,0.12); border-radius:11px; cursor:text; }
.ht-box:focus-within{ border-color:rgba(255,255,255,0.3); }
.ht-chips{ display:contents; }
.ht-chip{ display:inline-flex; align-items:center; gap:4px; padding:5px 6px 5px 11px; border-radius:999px; background:#1f1f1f; border:1px solid #2e2e2e;
  font-family:'Unbounded',sans-serif; font-size:11.5px; font-weight:600; color:#e6e6e6; animation:htIn .18s ease; }
.ht-chip button{ width:20px; height:20px; border-radius:50%; border:0; background:transparent; color:#8a8a8a; font-size:15px; line-height:1; cursor:pointer; padding:0; }
.ht-chip button:hover{ background:rgba(255,255,255,.1); color:#fff; }
.ht-box .ht-input{ flex:1; min-width:120px; border:0 !important; background:transparent !important; padding:6px 2px !important; margin:0 !important; outline:none; color:#fff;
  font-family:'Unbounded',sans-serif; font-size:13px; }
.ht-box.full::after{ content:'максимум 5'; margin-left:auto; font-size:11px; color:#666; font-family:'Unbounded',sans-serif; }
@keyframes htIn{ from{ opacity:0; transform:scale(.85); } }