/* The existing rack, preview cards and 3D stage share the standalone Google-path tokens. */
.ns-look-rack {
    --bg: var(--ns-bg);
    --card: var(--ns-card);
    --line: var(--ns-border);
    --text: var(--ns-text);
    --muted: var(--ns-text-2);
    --accent: var(--ns-gold-light);
    background: var(--ns-bg);
    color: var(--ns-text);
    font-family: var(--ns-font);
}
.ns-look-rack .grid { grid-template-columns: repeat(auto-fill, minmax(min(260px, 100%), 1fr)); gap: 16px; }
.ns-look-rack .card { border-radius: var(--ns-radius); padding: 16px; }
.ns-look-rack .card-top { flex-wrap: wrap; }
.ns-look-rack h1 { letter-spacing: -.025em; font-weight: 600; }
.ns-look-rack .badge { border-radius: 4px; }
.ns-look-card.mp-card { background: var(--ns-card); color: var(--ns-text); border: 1px solid var(--ns-border); border-radius: var(--ns-radius); font-family: var(--ns-font); overflow: hidden; }
.ns-look-card .mp-card-photo-link { background: var(--ns-bg-deep); aspect-ratio: auto; }
.ns-look-card .mp-card-photo { object-fit: contain; height: auto; aspect-ratio: 1; }
.ns-look-card .mp-card-alive-mount { bottom: auto; aspect-ratio: 1; height: auto; }
.ns-look-card .mp-card-category { position: static; align-self: flex-start; margin-bottom: 8px; }
.ns-look-card .mp-card-overlay { position: relative; background: var(--ns-card); color: var(--ns-text); padding: 16px; }
.ns-look-card .mp-card-name { color: var(--ns-text); text-shadow: none; }
.ns-look-card .mp-card-category, .ns-look-card .mp-card-tag { background: var(--ns-surface); color: var(--ns-text-2); border-radius: 4px; }
.ns-look-card .mp-card-price { background: transparent; color: var(--ns-gold-light); }
.ns-look-card .mp-card-body { color: var(--ns-text-2); }
.ns-look-card a:focus-visible { outline: 2px solid var(--ns-gold-light); outline-offset: -3px; }
.ns-look-stage { --pv-ground-a: var(--ns-bg); --pv-ground-b: var(--ns-bg-deep); --pv-ink: var(--ns-text); --pv-dim: var(--ns-text-2); --pv-line: var(--ns-border); font-family: var(--ns-font); }
.ns-look-stage .pv-ground { background: var(--ns-bg); }

.ns-look-card .mp-card-photo-link { text-decoration: none; }
.ns-look-card .mp-btn-try { box-sizing: border-box; background: var(--ns-surface); color: var(--ns-text); min-height: 44px; }
.ns-look-card .mp-card-desc:empty { display: none; }
.ns-look-stage { --pv-faint: var(--ns-text-2); --pv-amber: var(--ns-gold-light); --pv-sans: var(--ns-font); }
.ns-look-stage .pv-hud::before { background: none; }
.ns-look-stage .pv-rail, .ns-look-stage .pv-lower { background: var(--ns-bg); }
.ns-look-stage .pv-id-name, .ns-look-stage .pv-caption { color: var(--ns-text); text-shadow: none; }
.ns-look-stage .pv-id-mark, .ns-look-stage .pv-status, .ns-look-stage .pv-portrait { background: var(--ns-surface); }
.ns-look-stage .pv-live-link { white-space: normal; overflow-wrap: anywhere; max-width: 100%; background: var(--ns-surface); color: var(--ns-gold-light); border-radius: var(--ns-radius); }
.ns-look-stage .pv-id-role { display: block; }
@media (max-width: 480px) {
    .ns-look-stage .pv-id { min-width: 0; max-width: 100%; }
    .ns-look-stage .pv-id-text { min-width: 0; }
}
.marketplace-container.ns-look-shelf { background: var(--ns-bg) !important; color: var(--ns-text); font-family: var(--ns-font); }
.ns-look-shelf .mp-header h1, .ns-look-shelf .mp-sidebar-title, .ns-look-shelf .mp-filter-title { color: var(--ns-text); }
.ns-look-shelf .mp-header p, .ns-look-shelf .text-muted { color: var(--ns-text-2) !important; }
.ns-look-shelf .mp-mobile-filter-btn, .ns-look-shelf .mp-filter-section { background: var(--ns-surface); color: var(--ns-text); border-color: var(--ns-border); }
.marketplace-container.ns-look-shelf h1 { color: var(--ns-text) !important; }
.marketplace-container.ns-look-shelf h1 + p { color: var(--ns-text-2) !important; }
.ns-look-shelf .mp-filter-toggle { background: var(--ns-surface); color: var(--ns-text); border-color: var(--ns-border); }