.showroom{max-width:1440px;margin:auto}.showroom-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:12px 0 24px}.showroom-heading h1{font-size:28px;margin:6px 0}.showroom-heading>span{font-size:13px;color:#aab8bd}.showroom-layout{display:grid;grid-template-columns:minmax(360px,1.2fr) minmax(300px,1fr);gap:28px}.showroom-stage,.showroom-wardrobe{min-width:0}.showroom-canvas-wrap{position:relative;width:100%;height:520px;background:#171c23}.showroom-canvas-wrap canvas{display:block;width:100%;height:100%;touch-action:none}.showroom-canvas-wrap>p{position:absolute;bottom:12px;left:16px;right:16px;pointer-events:none;font-size:13px;color:#edc977;margin:0}.showroom-tools{display:flex;align-items:center;gap:6px;border-bottom:1px solid #394049;padding:10px 0;flex-wrap:wrap}.showroom-tools button{width:36px;height:36px;padding:8px;margin:0;border-radius:4px;display:grid;place-items:center;background:#242a32;border:1px solid #48505b;color:#dce3e8}.showroom-tools svg{width:18px;height:18px}.showroom-tools button[aria-pressed=true]{background:#48645e;border-color:#a0c3b8}.showroom-zoom{display:flex;gap:8px;align-items:center;margin-left:auto;max-width:180px}.showroom-zoom input{width:120px;accent-color:#c7b26c}.showroom-equipped{display:grid;grid-template-columns:1fr 1fr;gap:0 20px;border-bottom:1px solid #394049}.showroom-equipped>div{display:flex;align-items:center;gap:10px;min-height:46px;min-width:0;font-size:12px}.showroom-equipped span{color:#9ba7b3;flex-shrink:0}.showroom-equipped b{font-weight:500;overflow-wrap:anywhere}.showroom-equipped button{margin-left:auto;background:none;border:0;padding:4px 8px;color:#e6c980;font-size:20px}.showroom-detail{padding:18px 0}.showroom-detail h2,.showroom-catalog-heading h2{font-size:17px;margin:0 0 12px}.showroom-detail dl{display:grid;grid-template-columns:48px 1fr;gap:8px;font-size:13px}.showroom-detail dt{color:#9ba7b3}.showroom-detail dd{margin:0}.showroom-detail p{font-size:13px;color:#b8c2ca}.showroom-detail .showroom-warning{color:#dfbe72}.showroom-filter{display:flex;gap:8px}.showroom-filter label{display:flex;align-items:center;gap:8px;flex:1;min-width:0;border-bottom:1px solid #626975}.showroom-filter svg{width:18px;flex-shrink:0}.showroom-filter input{width:100%;min-width:0;padding:12px 4px;background:none;border:0;color:inherit}.showroom-filter select{max-width:120px;background:#232930;color:#e4e9ec;border:1px solid #49515a;border-radius:4px;padding:8px}.showroom-catalog-heading{display:flex;justify-content:space-between;margin:24px 0 8px}.showroom-catalog-heading span{font-size:12px;color:#aab8bd}.showroom-items{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;max-height:730px;overflow:auto;align-content:start}.showroom-item{display:flex;flex-direction:column;align-items:center;gap:8px;background:#20252c;border:1px solid #353d48;border-radius:5px;padding:12px 8px;min-height:164px;margin:0;min-width:0;color:#e4e7eb;text-align:center}.showroom-item:hover{border-color:#bfa76b;background:#282e36}.showroom-item[aria-pressed=true]{border-color:#d4bb76;background:#303b3b}.showroom-item img{width:96px;max-width:100%;height:96px;object-fit:contain;image-rendering:pixelated}.showroom-item b{font-size:13px;overflow-wrap:anywhere;line-height:1.4}.showroom-item>span{font-size:11px;color:#abb6c2}.showroom-no-model{height:96px;display:grid;place-items:center}.showroom-empty{grid-column:1/-1;font-size:14px;color:#aab8bd;padding:28px 0}@media(max-width:1100px){.showroom-items{grid-template-columns:repeat(2,minmax(0,1fr))}.showroom-layout{gap:18px;grid-template-columns:minmax(300px,1fr) minmax(230px,.8fr)}}@media(max-width:800px){.showroom-layout{grid-template-columns:1fr}.showroom-heading{align-items:flex-start;flex-wrap:wrap}.showroom-heading h1{font-size:24px}.showroom-canvas-wrap{height:400px}.showroom-items{grid-template-columns:repeat(3,minmax(0,1fr));max-height:none}.showroom-item img{height:80px;width:80px}.showroom-tools{gap:4px}.showroom-zoom{max-width:130px}.showroom-zoom input{width:90px}}@media(max-width:420px){.showroom-items{grid-template-columns:repeat(2,minmax(0,1fr))}.showroom-canvas-wrap{height:360px}}