/* Browsing thumbnails fill their frames; full listing galleries retain original photos. */
#closetView .product-image img,#searchView .product-image img,.product-card .product-image img,.studio .mini-card img,.trade-target img,.trade-piece img,.chat-piece img,.trade-thumbnails img,.trade-summary-piece img{object-fit:cover;object-position:center;transform:none}
.relay-icon{display:block;flex-shrink:0;vertical-align:middle}
.account-menu-links{display:grid;gap:10px}.account-menu-links>*{display:block;text-align:left;font-size:16px;text-decoration:none;min-height:44px;box-sizing:border-box}
.slideshow-controls{flex-wrap:wrap;min-width:0}.slideshow-controls>div{max-width:100%;flex-wrap:wrap}.slideshow-controls .slide-play{width:auto;min-width:60px;border-radius:10px;padding:0 10px;font-size:14px}.slideshow-controls .slide-dots{gap:2px;flex-wrap:wrap}.slideshow-controls .slide-dots button{flex:0 0 24px}.slideshow-controls output{font-size:14px}
.rail>.avatar.login-entry{width:70px;border-radius:12px!important;background:#d9ff50;color:#111;font-size:14px;min-height:44px}.login-continue{display:block;text-align:center;text-decoration:none;margin-top:24px;padding:14px}#relayLoginButton[hidden]{display:none!important}
@media(max-width:800px){.slideshow-controls{flex-direction:column;align-items:center;gap:8px}.slideshow-controls>div:last-child{justify-content:center;width:100%}.top-actions #relayLoginButton:not([hidden]){display:block;min-height:44px;padding:10px 12px;font-size:14px}.topbar>div:first-child{min-width:0}.topbar strong{font-size:17px}.top-actions{flex-shrink:0}}
.save-detail{display:inline-flex;align-items:center;gap:8px}.save-detail svg,.auth-line svg,.offer-event svg,.payment-state>i svg{width:18px;height:18px}.logo span{display:inline-flex}.logo svg{width:23px;height:23px}
#mainNav button>span{display:flex;justify-content:center;align-items:center;height:28px;margin-bottom:6px}
#mainNav button{color:#8d97a2;transition:color .18s,background .18s}#mainNav button.active{color:#d9ff59;--icon-surface:#242b31}#mainNav button.active b{color:#f1f3ee}#mainNav button.active:after{display:none}
.save[data-vector-saved]{display:grid;place-items:center}.save[data-vector-saved] svg{width:20px;height:20px}.save[data-vector-saved="true"] svg{fill:currentColor}
#marketView [data-premium] .feed-rail{grid-auto-columns:100%;gap:18px;scroll-snap-type:x mandatory;scrollbar-width:none;margin:0;padding:0}
#marketView [data-premium] .feed-rail::-webkit-scrollbar{display:none}
.social-post{scroll-snap-align:start;scroll-snap-stop:always;border:1px solid #343c43;border-radius:20px;overflow:hidden;background:#141a1f;min-width:0}
.social-post-head{display:flex;align-items:center;gap:12px;padding:16px 20px;border-bottom:1px solid #30383f}
.social-avatar{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:#272f36;color:#dfe4e6;font-size:13px;font-weight:700;flex:none}
.social-post-head>div{flex:1;min-width:0}.social-post-head button{background:none;border:0;padding:0;color:#f0f1ed;font-size:15px;font-weight:700;text-align:left;overflow-wrap:anywhere}.social-post-head small{display:block;font-size:12px;color:#9faab3;margin-top:4px}
.social-post-main{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)}
.social-photo{display:block;position:relative;isolation:isolate;border:0;background:#141a1f;padding:0;width:100%;height:430px;overflow:hidden;cursor:pointer}.social-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.social-photo.portrait-photo>img:not(.photo-backdrop){position:relative;z-index:1;object-fit:contain}.social-photo>.photo-backdrop{position:absolute;inset:0;object-fit:cover;filter:blur(24px) brightness(.55);transform:scale(1.15);pointer-events:none}
.social-caption{display:flex;flex-direction:column;justify-content:center;padding:32px;min-width:0}.social-caption .micro{font-size:13px;color:#aeb8c0}.social-caption h3{font-size:30px;line-height:1.2;letter-spacing:-.035em;margin:12px 0;overflow-wrap:anywhere}.social-caption p{font-size:14px;color:#abb5be;line-height:1.6;margin:0 0 20px}.social-value{font-size:26px;font-weight:700}.social-actions{display:flex;gap:10px;margin-top:24px;align-items:center}.social-actions .save{position:static;background:#252e36;border:1px solid #404b55;color:#fff;width:46px;height:46px;border-radius:12px}.social-actions>.quiet{min-height:46px}
.slideshow-controls{display:flex;justify-content:space-between;align-items:center;margin-top:14px;gap:14px}.slideshow-controls>div{display:flex;align-items:center;gap:8px}.slideshow-controls button{width:40px;height:40px;display:grid;place-items:center;border:1px solid #39434c;border-radius:50%;background:#151b20;color:#e7ebe9}.slideshow-controls button:disabled{opacity:.3;cursor:default}.slideshow-controls output{font:12px var(--mono);color:#a6b1ba;min-width:48px;text-align:center}.slide-dots{display:flex;gap:4px}.slide-dots button{width:24px;height:32px;border:0;background:transparent;border-radius:0}.slide-dots button:after{content:'';height:3px;width:18px;border-radius:3px;background:#3f4952}.slide-dots button[aria-current="true"]:after{background:var(--lime)}
@media(max-width:800px){
 .rail{padding:8px 6px calc(8px + env(safe-area-inset-bottom,0px));box-shadow:0 -8px 24px #0003}
 .rail nav{gap:2px}.rail nav button{padding:7px 2px;border-radius:12px}.rail nav button>span{margin:0 0 5px;height:24px}.rail nav button svg{width:23px;height:23px}.rail nav button b{font-size:10px;font-weight:600;letter-spacing:.01em}
 .rail nav button.active{background:#20282d;color:var(--lime);--icon-surface:#20282d}
 .social-post{border-radius:16px}.social-post-head{padding:12px 14px}.social-post-main{display:block}.social-photo{height:min(48dvh,420px)}.social-caption{padding:18px}.social-caption h3{font-size:23px;margin:8px 0}.social-caption p{margin:0 0 12px}.social-value{font-size:22px}.social-actions{margin-top:16px}.social-actions>.quiet{flex:1}.slideshow-controls{margin-top:10px}.feed-intro h1{font-size:25px}
}
#relayMobileAccount{display:none}
#listCustomSize[hidden]{display:none!important}
@media(max-width:800px){.top-actions #relayMobileAccount:not([hidden]){display:grid;place-items:center;width:40px;height:40px;min-width:40px;min-height:40px;flex:0 0 40px;padding:0;border:1px solid #48535c;border-radius:50%;background:#272f36;color:#f1f2ee;font-size:14px;font-weight:700;margin-left:4px}.top-actions #relayMobileAccount[hidden]{display:none!important}}
.listing-label-mobile{display:none}
@media(max-width:800px){.top-actions #newListing{display:block!important;order:0;min-height:44px;padding:10px;font-size:14px;white-space:nowrap}.listing-label-desktop{display:none}.listing-label-mobile{display:inline}.top-actions #openSearch{order:1}.top-actions #relayMobileAccount,.top-actions #relayLoginButton{order:2}.topbar>div:first-child{flex:1;overflow:hidden;margin-right:8px}.topbar #viewTitle{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}