.market-stage{border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--surface);height:min(600px,70vh);display:grid;position:relative;overflow:hidden}.market-stage .listing-stage{height:100%;display:grid;position:relative}.market-stage .stage-pane{min-width:0;min-height:0;position:relative;overflow:hidden}.market-stage .stage-3d{background:radial-gradient(ellipse 70% 55% at 50% 36%, color-mix(in srgb, var(--surface) 80%, transparent), transparent 72%), linear-gradient(180deg, var(--bg) 0%, var(--surface-2) 70%, var(--surface-3) 100%)}.market-stage .stage-pattern.paper{background-size:24px 24px}.market-stage .listing-stage-switch{z-index:4;position:absolute;top:12px;left:12px}.market-stage .stage-toolbar{z-index:3;background:color-mix(in srgb, var(--surface) 92%, transparent);border:1px solid var(--border);box-shadow:var(--shadow-sm);border-radius:12px;gap:6px;padding:6px;display:flex;position:absolute}.market-stage .stage-toolbar .icon-btn{width:34px;height:34px}.market-stage .stage-note{z-index:3;max-width:min(280px,100% - 24px);color:var(--text-2);background:color-mix(in srgb, var(--surface) 88%, transparent);border:1px solid var(--border);pointer-events:none;border-radius:10px;margin:0;padding:6px 10px;font-size:12px;line-height:1.35;position:absolute;top:12px;right:12px}.market-stage .pattern-viewport{cursor:grab;touch-action:none;position:absolute;inset:0;overflow:hidden}.market-stage .pattern-viewport:active{cursor:grabbing}.market-stage .pattern-viewport>div{transform-origin:0 0;position:absolute;top:0;left:0}.market-stage-placeholder{height:100%;color:var(--text-2);place-items:center;display:grid}@media (max-width:860px){.market-stage{height:min(500px,62vh)}.market-stage .stage-note{top:60px;left:12px;right:auto}.market-stage .stage-views{flex-wrap:wrap;max-width:calc(100% - 24px)}}.market-card .garment-art img.market-photo{object-fit:contain;width:100%;height:100%}.market-card-meta{justify-content:space-between;align-items:center;gap:8px;display:flex}.market-price{align-items:center;gap:6px;font-weight:600;display:inline-flex}.market-hero-art{aspect-ratio:4/4.4;background:var(--surface-2)}.market-hero-art img{object-fit:contain;width:100%;height:100%}