#amse-overlay{display:none;position:fixed;inset:0;color:#fff;z-index:99999;overflow-y:auto}
#amse-overlay.open{display:block}
.amse-box{padding:40px;max-width:1700px;margin:auto;min-height:100vh}
#amse-input{width:100%;font-size:28px;background:transparent;color:#fff;border:none;border-bottom:1px solid rgba(255,255,255,.35);padding:10px 0;outline:none}

/* Suggestions */
.amse-suggestions{margin-top:10px;font-size:12px;opacity:.9;line-height:1.4}
.amse-sugg-wrap{display:flex;flex-wrap:wrap;gap:10px}
.amse-sugg{font-size:12px;opacity:.9;text-decoration:none;color:#fff}
.amse-sugg:hover{text-decoration:underline}

/* Scope checkboxes */
.amse-scope{margin-top:10px}
.amse-scope-row{display:flex;gap:18px;flex-wrap:wrap}
.amse-scope-item{display:flex;align-items:center;gap:8px;font-size:16px;cursor:pointer}
.amse-scope-item input{
  appearance:none;
  -webkit-appearance:none;
  width:18px;
  height:18px;
  border-radius:4px;
  border:1px solid rgba(255,255,255,.6);
  background:transparent;
  display:inline-grid;
  place-content:center;
}
.amse-scope-item input:checked{background:#eb333d;border-color:#eb333d}
.amse-scope-item input:checked::after{content:'';width:8px;height:8px;background:#fff;border-radius:2px}

/* Results */
.live-results{margin-top:20px;padding-bottom:80px}
.grid{display:grid;grid-template-columns:repeat(var(--amse-cols,4),1fr);gap:18px;align-items:stretch}
.item{color:#fff;text-decoration:none;display:flex;flex-direction:column;height:100%}
.item img{width:100%;aspect-ratio:3/2;object-fit:cover;display:block}
.amse-thumb-empty{width:100%;aspect-ratio:3/2;background:rgba(255,255,255,.08)}
.amse-item-meta{display:flex;flex-direction:column;flex:1;padding-top:10px}
.whitetitle{color:#fff;font-size:16px;line-height:1.2}
.amse-badge{font-size:12px;opacity:.75;margin-top:auto}
.item.sel{background:rgba(255,255,255,.06)}

#amse-loading{display:none;margin-top:10px}
.amse-more-loading{display:none;margin:18px 0;opacity:.8}
.amse-close{position:fixed;top:20px;right:30px;font-size:30px;cursor:pointer;transition:transform .4s;z-index:100000}
.amse-close:hover{transform:rotate(360deg)}
.amse-empty{opacity:.8;margin-top:10px}

/* Embedded shortcode UI */
.amse-embed{width:100%;max-width:1200px;color:var(--amse-font-color,#000)}
.amse-embed-bar{display:flex;gap:12px;align-items:center}
.amse-embed-input{
  flex:1;
  font-size:18px;
  background:var(--amse-input-bg,#fff);
  color:var(--amse-font-color,#000);
  border:1px solid #000;
  padding:10px 12px;
  outline:none;
  border-radius:10px;
}
.amse-embed-btn{
  background:transparent;
  color:var(--amse-font-color,#000);
  border:1px solid #000;
  padding:10px 14px;
  border-radius:10px;
  cursor:pointer;
}
.amse-embed-btn:hover{transform:translateY(-1px)}
.amse-embed .amse-suggestions{margin-top:8px;color:var(--amse-label-color,#000);opacity:1}
.amse-embed .amse-sugg{color:var(--amse-label-color,#000)}
.amse-embed .amse-scope{margin-top:8px;color:var(--amse-label-color,#000)}
.amse-embed .amse-scope-item{font-size:14px}
.amse-embed .amse-scope-item input{border:1px solid #000}
.amse-embed .amse-scope-item input:checked{background:#000;border-color:#000}
.amse-embed .amse-scope-item input:checked::after{background:#fff}
.amse-embed .live-results{padding-bottom:20px}
.amse-embed .item{color:var(--amse-font-color,#000)}
.amse-embed .whitetitle{color:var(--amse-font-color,#000)}
.amse-embed .amse-badge{color:var(--amse-font-color,#000);opacity:.65}
.amse-embed .amse-thumb-empty{background:rgba(0,0,0,.08)}

/* Trigger */
.amse-trigger{cursor:pointer;display:inline-flex;align-items:center;justify-content:center}

/* CSS-only search icon (5 styles). Uses currentColor. */
.amse-icon{position:relative;width:22px;height:22px;display:inline-block;vertical-align:middle}

/* Style 1: classic circle + handle */
.amse-icon-1::before{content:'';position:absolute;left:2px;top:2px;width:12px;height:12px;border:2px solid currentColor;border-radius:50%}
.amse-icon-1::after{content:'';position:absolute;right:1px;bottom:2px;width:9px;height:2px;background:currentColor;transform:rotate(45deg);transform-origin:right bottom;border-radius:2px}

/* Style 2: thicker ring */
.amse-icon-2::before{content:'';position:absolute;left:1px;top:1px;width:13px;height:13px;border:3px solid currentColor;border-radius:50%}
.amse-icon-2::after{content:'';position:absolute;right:0;bottom:1px;width:10px;height:3px;background:currentColor;transform:rotate(45deg);transform-origin:right bottom;border-radius:3px}

/* Style 3: dotted lens */
.amse-icon-3::before{content:'';position:absolute;left:2px;top:2px;width:12px;height:12px;border:2px dashed currentColor;border-radius:50%}
.amse-icon-3::after{content:'';position:absolute;right:1px;bottom:2px;width:9px;height:2px;background:currentColor;transform:rotate(45deg);transform-origin:right bottom;border-radius:2px}

/* Style 4: square lens */
.amse-icon-4::before{content:'';position:absolute;left:2px;top:2px;width:12px;height:12px;border:2px solid currentColor;border-radius:4px}
.amse-icon-4::after{content:'';position:absolute;right:1px;bottom:2px;width:9px;height:2px;background:currentColor;transform:rotate(45deg);transform-origin:right bottom;border-radius:2px}

/* Style 5: minimal line lens */
.amse-icon-5::before{content:'';position:absolute;left:3px;top:3px;width:10px;height:10px;border:2px solid currentColor;border-radius:50%;opacity:.9}
.amse-icon-5::after{content:'';position:absolute;right:2px;bottom:3px;width:10px;height:1px;background:currentColor;transform:rotate(45deg);transform-origin:right bottom;opacity:.9}