/* Add Listing relevant-step workflow: one visible step, dynamic X of X, animated transitions. */
.add-card .add-listing-step-status{display:flex;align-items:center;justify-content:space-between;gap:.9rem;padding:.85rem 1rem;border:1px solid rgba(55,209,126,.34);border-radius:18px;background:linear-gradient(135deg,rgba(55,209,126,.14),rgba(125,211,252,.08));box-shadow:0 14px 36px rgba(15,23,42,.16);position:sticky;top:.5rem;z-index:3}.add-card .add-listing-step-kicker{display:inline-flex;align-items:center;gap:.28rem;color:var(--muted);font-weight:850;text-transform:uppercase;letter-spacing:.06em;font-size:.78rem}.add-card .add-listing-step-kicker strong{color:var(--ink);font-size:1rem}.add-card .add-listing-step-title{font-weight:950;color:var(--ink);text-align:right}.add-card [data-add-step]{transform-origin:center top}.add-card [data-add-step][hidden]{display:none!important}.add-card [data-add-step].is-add-step-active{display:block}.add-card [data-add-step].is-add-step-enter{animation:add-listing-step-in .34s cubic-bezier(.18,.9,.22,1.08) both}.add-card [data-add-step].is-add-step-back.is-add-step-enter{animation-name:add-listing-step-in-back}.add-card .add-listing-step-actions{display:flex;justify-content:space-between;align-items:center;gap:.75rem;margin-top:1rem}.add-card .add-listing-step-actions [hidden],.add-card [data-add-submit][hidden]{display:none!important}.add-card [data-add-submit]{width:100%;margin-top:1rem}@keyframes add-listing-step-in{from{opacity:0;transform:translateX(36px) translateY(10px) scale(.985);filter:blur(5px)}to{opacity:1;transform:translateX(0) translateY(0) scale(1);filter:blur(0)}}@keyframes add-listing-step-in-back{from{opacity:0;transform:translateX(-36px) translateY(10px) scale(.985);filter:blur(5px)}to{opacity:1;transform:translateX(0) translateY(0) scale(1);filter:blur(0)}}@media(max-width:620px){.add-card .add-listing-step-status{position:static;align-items:flex-start;flex-direction:column}.add-card .add-listing-step-title{text-align:left}.add-card .add-listing-step-actions{position:sticky;bottom:.65rem;z-index:4;padding:.65rem;border:1px solid rgba(148,163,184,.22);border-radius:18px;background:rgba(15,23,42,.88);backdrop-filter:blur(14px)}}@media(prefers-reduced-motion:reduce){.add-card [data-add-step].is-add-step-enter{animation:none!important}}

/* 2026-07-22 Add Listing photo relic status panel. */
.add-card .photo-relic-status{
  display:grid!important;
  gap:.38rem!important;
  margin:.8rem 0 .65rem!important;
  padding:.82rem .9rem!important;
  border:1px solid rgba(88,242,160,.36)!important;
  border-radius:18px!important;
  background:linear-gradient(135deg,rgba(88,242,160,.13),rgba(58,160,255,.08))!important;
  box-shadow:0 12px 28px rgba(0,0,0,.16)!important;
  color:var(--ink)!important;
}
.add-card .photo-relic-status strong{font-size:1.02rem!important;font-weight:950!important;line-height:1.18!important;}
.add-card .photo-relic-status span{color:var(--ink)!important;font-weight:800!important;line-height:1.32!important;}
.add-card .photo-relic-status small{color:var(--muted)!important;font-weight:750!important;line-height:1.32!important;}
@media(max-width:620px){.add-card .photo-relic-status{font-size:.94rem!important;padding:.76rem .82rem!important;margin:.68rem 0 .55rem!important;}}


/* 2026-07-22 Add Listing visual photo placement picker + slot tooltip. */
.add-card .photo-placement-builder{display:grid!important;gap:.7rem!important;margin:.9rem 0!important;}
.add-card .photo-placement-head{display:grid!important;gap:.18rem!important;}
.add-card .photo-placement-head strong{font-size:1rem!important;font-weight:950!important;color:var(--ink)!important;}
.add-card .photo-placement-head span,.add-card .photo-placement-note{color:var(--muted)!important;font-weight:750!important;line-height:1.3!important;}
.add-card .photo-placement-skeleton{position:relative!important;display:grid!important;grid-template-columns:1fr!important;min-height:210px!important;border:1px solid rgba(148,163,184,.45)!important;border-radius:24px!important;background:linear-gradient(145deg,rgba(6,17,28,.68),rgba(28,48,61,.54))!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.04),0 14px 30px rgba(0,0,0,.16)!important;overflow:hidden!important;padding:1rem!important;}
.add-card .photo-placement-main{position:absolute!important;inset:1rem!important;display:grid!important;place-items:center!important;align-content:center!important;gap:.55rem!important;border:1px solid rgba(88,242,160,.34)!important;border-radius:20px!important;background:rgba(12,24,34,.74)!important;color:var(--ink)!important;font-weight:950!important;cursor:pointer!important;}
.add-card .photo-placement-main .placement-main-image{display:grid!important;place-items:center!important;width:min(62%,220px)!important;aspect-ratio:4/3!important;border-radius:16px!important;background:linear-gradient(135deg,rgba(88,242,160,.18),rgba(58,160,255,.18))!important;border:1px dashed rgba(255,255,255,.28)!important;}
.add-card .photo-placement-main .placement-gallery-strip{display:flex!important;gap:.28rem!important;justify-content:center!important;}
.add-card .photo-placement-main .placement-gallery-strip i{display:block!important;width:28px!important;height:20px!important;border-radius:6px!important;background:rgba(255,255,255,.18)!important;border:1px solid rgba(255,255,255,.22)!important;}
.add-card .photo-placement-corner{position:absolute!important;z-index:2!important;width:76px!important;height:54px!important;border-radius:16px!important;border:1px solid rgba(245,201,93,.58)!important;background:rgba(245,201,93,.16)!important;color:var(--ink)!important;font-weight:950!important;font-size:.72rem!important;line-height:1.05!important;cursor:pointer!important;box-shadow:0 10px 22px rgba(0,0,0,.18)!important;}
.add-card .photo-placement-corner:disabled{opacity:.45!important;filter:grayscale(.45)!important;cursor:not-allowed!important;border-style:dashed!important;}
.add-card .photo-placement-tl,.add-card .photo-placement-corner.photo-placement-corner_tl{top:.55rem!important;left:.55rem!important;}
.add-card .photo-placement-tr,.add-card .photo-placement-corner.photo-placement-corner_tr{top:.55rem!important;right:.55rem!important;}
.add-card .photo-placement-bl,.add-card .photo-placement-corner.photo-placement-corner_bl{bottom:.55rem!important;left:.55rem!important;}
.add-card .photo-placement-br,.add-card .photo-placement-corner.photo-placement-corner_br{bottom:.55rem!important;right:.55rem!important;}
.add-card .photo-placement-main[aria-pressed="true"],.add-card .photo-placement-corner[aria-pressed="true"]{outline:3px solid rgba(88,242,160,.86)!important;outline-offset:2px!important;background:linear-gradient(135deg,rgba(88,242,160,.32),rgba(58,160,255,.18))!important;}
.add-card .photo-slot-tip{display:inline-grid!important;place-items:center!important;width:1.35rem!important;height:1.35rem!important;margin-left:.35rem!important;border-radius:999px!important;border:1px solid rgba(255,255,255,.34)!important;background:rgba(6,17,28,.42)!important;color:var(--ink)!important;font-weight:950!important;font-size:.82rem!important;vertical-align:middle!important;}
@media(max-width:620px){.add-card .photo-placement-skeleton{min-height:190px!important;padding:.8rem!important}.add-card .photo-placement-main{inset:.8rem!important}.add-card .photo-placement-corner{width:66px!important;height:48px!important;font-size:.66rem!important}.add-card .photo-placement-main .placement-main-image{width:58%!important}}


/* 2026-07-22 Mobile-friendly photo slot tooltip, iconography, progress bars. */
.add-card .photo-status-row{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:.55rem!important;}
.add-card .photo-status-head strong{display:inline-flex!important;align-items:center!important;gap:.35rem!important;}
.add-card .photo-progress{height:10px!important;border-radius:999px!important;background:rgba(6,17,28,.48)!important;border:1px solid rgba(255,255,255,.18)!important;overflow:hidden!important;box-shadow:inset 0 1px 4px rgba(0,0,0,.28)!important;}
.add-card .photo-progress span{display:block!important;height:100%!important;border-radius:999px!important;background:linear-gradient(90deg,#58f2a0,#7dd3fc)!important;box-shadow:0 0 14px rgba(88,242,160,.45)!important;}
.add-card .photo-progress-relic span{background:linear-gradient(90deg,#f5c95d,#58f2a0)!important;}
.add-card .photo-slot-explainer{display:flex!important;align-items:flex-start!important;gap:.45rem!important;padding:.62rem .72rem!important;border-radius:14px!important;border:1px solid rgba(125,211,252,.34)!important;background:rgba(6,17,28,.38)!important;color:var(--ink)!important;font-weight:800!important;line-height:1.28!important;}
.add-card .photo-slot-explainer[hidden]{display:none!important;}
.add-card .photo-slot-tip{touch-action:manipulation!important;}
.add-card .photo-slot-tip[aria-expanded="true"]{background:rgba(88,242,160,.28)!important;border-color:rgba(88,242,160,.72)!important;}
.add-card .photo-relic-status span[aria-hidden="true"],.add-card .photo-relic-status small span[aria-hidden="true"]{filter:drop-shadow(0 1px 1px rgba(0,0,0,.25));}
@media(max-width:620px){.add-card .photo-relic-status{padding:.86rem .9rem 5.6rem!important}.add-card .photo-status-row{align-items:flex-start!important}.add-card .photo-slot-explainer{font-size:.9rem!important}.add-card .photo-progress{height:9px!important}}


/* 2026-07-22 TCG card lookup autofill status. */
.add-card .tcg-lookup-status{display:block!important;margin:.25rem 0 .35rem!important;padding:.55rem .65rem!important;border-radius:12px!important;background:rgba(6,17,28,.28)!important;border:1px solid rgba(255,255,255,.14)!important;font-weight:800!important;line-height:1.28!important;}
.add-card .tcg-lookup-status[data-lookup-kind="success"]{border-color:rgba(88,242,160,.42)!important;background:rgba(88,242,160,.12)!important;color:var(--ink)!important;}
.add-card .tcg-lookup-status[data-lookup-kind="error"]{border-color:rgba(245,201,93,.45)!important;background:rgba(245,201,93,.12)!important;color:var(--ink)!important;}
.add-card .tcg-lookup-status[data-lookup-kind="loading"]{border-color:rgba(125,211,252,.42)!important;background:rgba(125,211,252,.12)!important;color:var(--ink)!important;}


/* 2026-07-22 Add Listing skeleton uses selected photo previews. */
.add-card .placement-main-image{position:relative!important;overflow:hidden!important;}
.add-card .placement-main-image .placement-empty-label{position:relative!important;z-index:1!important;}
.add-card .placement-main-image.has-live-photo .placement-empty-label{display:none!important;}
.add-card .placement-main-image img[data-skeleton-live-img]{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;border-radius:inherit!important;}
.add-card .placement-gallery-strip i{overflow:hidden!important;position:relative!important;}
.add-card .placement-gallery-strip i img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;border-radius:inherit!important;}
.add-card .photo-placement-corner{overflow:hidden!important;}
.add-card .photo-placement-corner img[data-skeleton-corner-img]{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;border-radius:inherit!important;z-index:0!important;filter:saturate(1.05)!important;}
.add-card .photo-placement-corner img[data-skeleton-corner-img]:not([hidden])+span,.add-card .photo-placement-corner:has(img[data-skeleton-corner-img]:not([hidden])) span{position:relative!important;z-index:1!important;text-shadow:0 1px 4px rgba(0,0,0,.8)!important;color:white!important;}


/* 2026-07-22 manual photo slot assignment badges. */
.add-card .placement-gallery-strip .skeleton-thumb-slot{position:relative!important;width:34px!important;height:26px!important;border:1px solid rgba(255,255,255,.24)!important;border-radius:7px!important;overflow:hidden!important;background:rgba(255,255,255,.12)!important;padding:0!important;cursor:pointer!important;}
.add-card .placement-gallery-strip .skeleton-thumb-slot img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;}
.add-card .photo-slot-badge{position:absolute!important;top:3px!important;left:3px!important;z-index:3!important;display:inline-grid!important;place-items:center!important;min-width:1.15rem!important;height:1.15rem!important;padding:0 .22rem!important;border-radius:999px!important;background:rgba(6,17,28,.82)!important;color:#fff!important;border:1px solid rgba(255,255,255,.48)!important;font-size:.68rem!important;font-weight:950!important;line-height:1!important;}
.add-card .skeleton-thumb-slot.is-overlay-source{outline:2px solid rgba(245,201,93,.9)!important;outline-offset:2px!important;}
.add-card .photo-placement-corner .photo-slot-badge{top:4px!important;left:4px!important;}


/* 2026-07-22 Add Listing title-only Browse-style header. */
.product-page .add-product-shell > .add-listing-hero-title-only{position:relative!important;margin:.25rem 0 1.35rem!important;padding:0 0 1rem!important;}
.product-page .add-listing-title-like-browse{margin:0!important;font-size:clamp(2.7rem,8vw,4.6rem)!important;line-height:.94!important;letter-spacing:-.065em!important;font-weight:950!important;color:#37d17e!important;text-transform:none!important;text-shadow:0 1px 0 rgba(255,255,255,.22),0 14px 30px rgba(55,209,126,.12)!important;}
.product-page .add-listing-gold-rule{display:block!important;width:100%!important;height:2px!important;margin:.72rem 0 1rem!important;border-radius:999px!important;background:linear-gradient(90deg,rgba(245,201,93,.95),rgba(55,209,126,.62),rgba(245,201,93,.88),transparent)!important;box-shadow:0 0 16px rgba(245,201,93,.22)!important;}
.product-page .add-listing-hero-title-only .add-listing-help{margin-top:.75rem!important;}
@media(max-width:620px){.product-page .add-listing-title-like-browse{font-size:clamp(2.35rem,12vw,3.35rem)!important}.product-page .add-listing-gold-rule{margin:.58rem 0 .85rem!important}}