.utpls{position:relative;max-width:100%}
.utpls__form{margin:0}
.utpls__field-wrap{position:relative;display:block}
.utpls__input{
  width:100%;
  box-sizing:border-box;
  padding-right:7rem;
  min-height:56px;
}
input.utpls__input[type="search"]::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none;display:none}
.utpls__actions{
  position:absolute;
  right:.85rem;
  top:50%;
  transform:translateY(-50%);
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:.45rem;
  z-index:3;
}
.utpls__clear,.utpls__submit,.utpls-modal__close,.utpls-trigger{
  -webkit-appearance:none;
  appearance:none;
  border:0;
  background:transparent;
  box-shadow:none;
  padding:.25rem;
  margin:0;
  line-height:1;
  cursor:pointer;
}
.utpls__clear{
  font-size:1.75rem;
  color:#1f6feb;
  display:none;
  width:1.75rem;
  height:1.75rem;
  align-items:center;
  justify-content:center;
}
.utpls__clear.is-visible{display:inline-flex;align-items:center;justify-content:center}
.utpls__submit{display:inline-flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;color:inherit}
.utpls__submit svg{
  width:1.35rem;height:1.35rem;
  stroke:currentColor;stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round;
}
.utpls__dropdown{
  position:absolute;left:0;right:0;z-index:9999;
  margin-top:.5rem;background:#fff;border:1px solid rgba(0,0,0,.12);border-radius:1rem;
  box-shadow:0 10px 30px rgba(0,0,0,.08);
  max-height:70vh;overflow:auto;
}
.utpls__status{padding:.85rem 1rem;color:#666;font-size:.95rem}
.utpls__results{padding:.35rem 0}
.utpls__section-title{
  padding:.65rem 1rem .35rem;
  font-size:.82rem;
  color:#666;
  text-transform:uppercase;
  letter-spacing:.04em;
}
.utpls__item{
  display:flex;align-items:center;gap:.8rem;
  padding:.8rem 1rem;text-decoration:none;color:inherit;
}
.utpls__item:hover{background:rgba(0,0,0,.03)}
.utpls__chips{display:flex;flex-wrap:wrap;gap:.5rem;padding:.5rem 1rem 1rem}
.utpls__search-chip{
  -webkit-appearance:none;appearance:none;border:1px solid rgba(0,0,0,.12);background:#fff;color:inherit;
  display:inline-flex;align-items:center;justify-content:center;gap:.35rem;
  padding:.55rem .85rem;border-radius:999px;cursor:pointer;line-height:1.2;
}
.utpls__search-chip:hover{background:rgba(0,0,0,.03)}
.utpls__item-thumb{width:56px;min-width:56px;height:56px;border-radius:.6rem;overflow:hidden;background:#f2f2f2}
.utpls__item-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.utpls__item-body{min-width:0;flex:1}
.utpls__item-title{font-weight:600;line-height:1.3}
.utpls__item-meta{margin-top:.2rem;font-size:.9rem;color:#666}
.utpls__duration{color:inherit}
.utpls__view-all{
  display:block;padding:.9rem 1rem;border-top:1px solid rgba(0,0,0,.06);
  text-decoration:none;font-weight:600
}
.utpls__empty{padding:1rem;color:#666}
.utpls-icon-wrap{display:inline-block}
.utpls-trigger{display:inline-flex;align-items:center;justify-content:center}
.utpls-trigger svg,.utpls-modal__close svg{
  width:1.5rem;height:1.5rem;stroke:currentColor;stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round;
}
.utpls-modal[hidden]{display:none!important}
.utpls-modal{
  position:fixed;inset:0;z-index:99999;
}
.utpls-modal__backdrop{
  position:absolute;inset:0;background:rgba(0,0,0,.35)
}
.utpls-modal__dialog{
  position:relative;z-index:2;background:#fff;max-width:680px;margin:5vh auto 0;
  border-radius:1rem;padding:1rem;
}
.utpls-modal__close{
  position:absolute;right:.75rem;top:.75rem;font-size:1.8rem;color:#666
}
.utpls-admin-card{background:#fff;border:1px solid #dcdcde;padding:20px;margin-top:20px;max-width:1000px}

.utpls__search-chip .utpls__item-body,.utpls__search-chip .utpls__item-title{display:inline}


/* v1.8.5 layout hardening */
.utpls__field-wrap{overflow:visible}
.utpls__input{padding-right:6.5rem!important}
.utpls__actions{
  position:absolute!important;
  inset:auto .85rem auto auto!important;
  right:.85rem!important;
  left:auto!important;
  top:50%!important;
  bottom:auto!important;
  transform:translateY(-50%)!important;
  display:flex!important;
  flex-direction:row!important;
  flex-wrap:nowrap!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:.45rem!important;
  width:auto!important;
  min-width:0!important;
  max-width:none!important;
  pointer-events:auto!important;
}
.utpls__clear,
.utpls__submit{
  position:static!important;
  display:inline-flex!important;
  flex:0 0 auto!important;
  align-items:center!important;
  justify-content:center!important;
  width:1.75rem!important;
  min-width:1.75rem!important;
  max-width:1.75rem!important;
  height:1.75rem!important;
  min-height:1.75rem!important;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  float:none!important;
  inset:auto!important;
  line-height:1!important;
}
.utpls__clear[hidden]{display:none!important}
.utpls__submit svg,
.utpls__clear svg{display:block;flex:0 0 auto}
.utpls__chips{
  display:flex!important;
  flex-direction:row!important;
  flex-wrap:wrap!important;
  align-items:flex-start!important;
  gap:.5rem!important;
}
.utpls__search-chip{
  display:inline-flex!important;
  flex:0 0 auto!important;
  width:auto!important;
  min-width:0!important;
  max-width:100%!important;
  white-space:nowrap!important;
  vertical-align:top!important;
  text-align:left!important;
}
.utpls__search-chip .utpls__item-body,
.utpls__search-chip .utpls__item-title{
  display:inline!important;
  width:auto!important;
}


/* v1.8.6 result type separation */
.utpls__item--category{
  display:block;
}
.utpls__item--category .utpls__item-body{
  display:flex;
  flex-wrap:wrap;
  align-items:baseline;
  gap:.35rem;
}
.utpls__item--category .utpls__item-title,
.utpls__item--category .utpls__item-meta{
  display:inline;
}
.utpls__item--category .utpls__item-meta{
  margin-top:0;
}

.utpls__mark{background:rgba(255,230,120,.55);color:inherit;padding:0 .08em;border-radius:.15em;}