.asset-preview{position:relative}
.asset-preview>#asset-art{display:grid;place-items:center;width:100%;height:100%}
.tryon-preview{position:absolute;inset:0;display:grid;place-items:center;background:#eef1e5f2;z-index:2}
.tryon-preview[hidden]{display:none}
.tryon-preview canvas{width:100%;height:100%;max-height:100%;object-fit:contain}
.tryon-preview p{position:absolute;left:10px;right:10px;bottom:7px;margin:0;padding:5px 8px;border-radius:5px;background:#263c4dcc;color:#fff;font:11px Arial,sans-serif;text-align:center}
/* Gear: the gear-type filter only shows while browsing Gear; the item page explains where gear works. */
#market-gear-type[hidden]{display:none}
.asset-gear-note{margin:10px 0 0;padding:8px 10px;border-left:3px solid #3e8ef7;background:#eef4fd;border-radius:4px;font-size:14px;line-height:1.45}
html[data-theme=dark] .asset-gear-note{background:#1f2d3d;color:#dbe4f0}
/* Gear types listed under Gear in the catalog sidebar. */
.catalog-sidebar a.catalog-sub{padding-left:22px;font-size:12px}
.asset-bundle{margin:14px 0}.asset-bundle h2{font-size:1rem;margin:0 0 8px}.asset-bundle p{margin:0 0 8px}
.asset-bundle-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px}
.asset-bundle-grid a{display:flex;flex-direction:column;align-items:center;gap:4px;padding:6px;border:1px solid rgba(127,127,127,.35);border-radius:8px;text-align:center;font-size:.8rem;text-decoration:none;color:inherit;background:#f5cd30}
.asset-bundle-grid a span{color:#1f2a38;font-weight:600}.asset-bundle-grid img{width:72px;height:72px;object-fit:contain}

/* Card labels have their own row, outside the product artwork. */
.catalog-flags{display:flex;align-items:center;gap:5px;min-height:20px;margin-bottom:6px}
.catalog-content .catalog-badge{display:inline-block;padding:3px 6px;border-radius:3px;font-size:9px;font-weight:700;line-height:1;color:#fff;background:#a32d21}
.catalog-content .design-card img.catalog-limited-badge{display:block;width:auto;height:18px;max-width:100%;padding:0;border:0;background:transparent;object-fit:contain}
.catalog-content .design-body h3{white-space:normal;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:2.5em}
.catalog-content #market-results{font-size:12px;color:#596879;margin:10px 0}
.catalog-content #market-results:empty{display:none}
.catalog-content #market-clear{font-size:12px;padding:7px 12px}
.catalog-content #market-signin{display:inline-block;color:#24669b;text-decoration:underline;margin:8px 12px 8px 0}
html[data-theme=dark] .catalog-content .catalog-badge{color:#fff}
html[data-theme=dark] .catalog-content #market-results{color:#c3cfdd}
html[data-theme=dark] .catalog-content #market-signin{color:#9cc9ff}
#sort-dialog .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* Classic catalog: labels belong to the picture, and controls stay in the sidebar. */
.catalog-content .design-card{position:relative;overflow:hidden;border-radius:0;box-shadow:none}
.catalog-art{position:relative;aspect-ratio:1;overflow:hidden;background:#f5f5f5}
.catalog-content .catalog-art>img:not(.catalog-limited-badge):not(.catalog-new-ribbon),.catalog-art>canvas,.catalog-art>.wearing-symbol{width:100%;height:100%;object-fit:contain}
.catalog-content .catalog-art>img.catalog-limited-badge{position:absolute;bottom:0;left:0;width:auto;height:18px;padding:0;border:0;background:transparent;z-index:2}
.catalog-content .catalog-art>img.catalog-new-ribbon{position:absolute;top:0;right:0;width:clamp(28px,24%,40px);height:auto;aspect-ratio:1;padding:0;border:0;background:transparent;z-index:3;object-fit:contain;pointer-events:none}
.catalog-sidebar{display:flex;flex-direction:column;gap:12px;align-self:start}
.catalog-sidebar details{border:1px solid #aaa;border-radius:0;background:#f2f2f2;color:#333}
.catalog-sidebar summary{cursor:pointer;background:linear-gradient(#777,#505050);color:#fff;padding:9px 10px;font-size:13px;font-weight:700}
.catalog-sidebar details>a{display:block;padding:8px 10px;border-bottom:1px solid #ddd}
.catalog-sidebar details>select,.catalog-sidebar details>button,.catalog-sidebar .sale-toggle{display:block;width:calc(100% - 16px);margin:8px;font-size:12px}
.catalog-sidebar details p{margin:10px;font-size:12px;line-height:1.5}.catalog-sidebar details p img{display:block;max-width:90px;margin-bottom:5px}
.catalog-toolbar>label[for=market-kind]{display:none}
html[data-theme=dark] .catalog-sidebar details{background:#1d2935;color:#dce7f2;border-color:#526274}
@media(max-width:700px){.catalog-sidebar{width:100%}.catalog-shell{display:block}.catalog-sidebar>h1{margin:8px 0}.catalog-sidebar details{margin-bottom:4px}}

.catalog-creator{margin:10px;display:flex;flex-direction:column;gap:6px;font-size:12px}.catalog-creator input{width:100%;min-width:0;box-sizing:border-box}

.catalog-content .catalog-art>img.catalog-limited-badge.limited-available-badge{height:22px;max-width:100%;object-fit:contain;object-position:left bottom}

.rs-chart-tooltip{margin:8px 0;min-height:20px;font-weight:600}.rs-cursor{stroke:currentColor;stroke-dasharray:4 4;opacity:.45;pointer-events:none}.rs-dot:focus{outline:none;stroke:currentColor;stroke-width:3}
