.product-art{height:220px;position:relative;overflow:hidden;padding:0;background:#f1efe9;cursor:pointer}
.product-art img{width:100%;height:100%;object-fit:cover;display:block;transition:opacity .25s,transform .4s}
.alternate-photo{position:absolute;inset:0;opacity:0}.card:hover .alternate-photo{opacity:1;transform:scale(1.025)}.card:hover .primary-photo{opacity:0}
.pending-art{width:100%;height:100%;padding:16px;display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(135deg,var(--sun),#fff)}
.pending-art .number{font-weight:950;font-size:3rem;letter-spacing:-.08em;opacity:.2}.pending-art span:last-child{font-size:.72rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.photo-badge{position:absolute;left:10px;bottom:10px;background:rgba(21,21,21,.88);color:#fff;padding:.35rem .55rem;border-radius:99px;font-size:.63rem;font-weight:900;letter-spacing:.06em;text-transform:uppercase}.add:disabled{opacity:.45;cursor:not-allowed}
.community-banner{--resource-color:#2899cf;--resource-bg:#eaf7ff;max-width:1220px;margin:46px auto 18px;padding:24px 28px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:20px;background:var(--resource-bg);border:2px solid var(--ink);border-radius:20px;box-shadow:7px 7px 0 var(--resource-color);transition:background .2s,box-shadow .2s}.community-banner .community-icon{width:58px;height:58px;display:grid;place-items:center;border:2px solid var(--ink);border-radius:50%;background:#fff;color:var(--resource-color);font-size:1.55rem}.community-banner .eyebrow{color:var(--resource-color);margin-bottom:5px}.community-banner h2{margin:0;font-size:clamp(1.35rem,2.5vw,2rem);letter-spacing:-.035em}.community-banner p{margin:7px 0 0;color:var(--muted);line-height:1.4}.community-banner small{display:block;margin-top:8px;color:#68655f;font-size:.72rem}.community-banner>a{white-space:nowrap;text-decoration:none;background:var(--resource-color);color:#fff;border:2px solid var(--ink);border-radius:99px;padding:.9rem 1.2rem;font-weight:900;box-shadow:3px 3px 0 var(--ink)}.community-banner>a:hover{background:var(--ink)}
dialog{width:min(980px,92vw);max-height:90vh;overflow:auto}
.quick-layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(260px,.75fr);gap:30px;align-items:start}.main-photo-wrap{height:470px;border:1px solid var(--line);border-radius:14px;overflow:hidden;position:relative;background:#f2f1ec}.main-photo-wrap img{width:100%;height:100%;object-fit:contain;transition:transform .25s}.main-photo-wrap:hover img{transform:scale(1.7)}.zoom-hint{position:absolute;right:10px;bottom:10px;background:rgba(21,21,21,.8);color:#fff;border-radius:99px;padding:.35rem .55rem;font-size:.65rem}.thumbs{display:flex;gap:8px;overflow:auto;margin-top:10px;padding:2px}.thumb{width:64px;height:64px;flex:0 0 64px;padding:0;border:2px solid transparent;border-radius:9px;overflow:hidden;background:#fff;cursor:pointer}.thumb.active{border-color:var(--blue)}.thumb img{width:100%;height:100%;object-fit:cover}.quick-info{padding-top:35px}.quick-info h2{font-size:2rem;letter-spacing:-.04em}.quick-art{height:390px;display:flex;flex-direction:column;gap:10px}.quick-art small{font-size:.7rem;letter-spacing:.1em;text-transform:uppercase}
@media(max-width:900px){.quick-layout{grid-template-columns:1fr}.main-photo-wrap{height:55vh}.quick-info{padding-top:0}.community-banner{margin:4px 24px 38px;grid-template-columns:auto 1fr}.community-banner>a{grid-column:1/-1;text-align:center}}
@media(max-width:520px){.product-art{height:165px}.main-photo-wrap{height:52vh}.zoom-hint{display:none}}