.blueprint-gallery { background: #f5eddd; }
.blueprint-canvas { aspect-ratio: 16 / 9; overflow: hidden; background: #eee1c9; }
.blueprint-canvas img { display: block; width: 100%; height: 100%; object-fit: contain; }
.blueprint-controls { display: flex; min-height: 47px; align-items: center; justify-content: center; gap: 18px; border-top: 1px solid rgba(102,68,37,.26); color: #67513a; font-size: 10px; font-weight: 800; letter-spacing: .12em; }
.blueprint-controls button { display: grid; width: 26px; height: 26px; place-items: center; border: 1px solid rgba(102,68,37,.42); color: var(--cyan-deep); background: transparent; font-size: 16px; transition: background .16s ease, transform .16s ease; }
.blueprint-controls button:hover { transform: translateY(-1px); background: rgba(2,215,231,.12); }
.blueprint-thumbnails { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: 5px; padding: 9px; border-top: 1px solid rgba(102,68,37,.26); background: rgba(226,204,166,.36); }
.blueprint-thumbnails button { min-width: 0; padding: 0; overflow: hidden; border: 1px solid transparent; background: #e6d6b9; aspect-ratio: 16 / 9; opacity: .58; transition: opacity .16s ease, border .16s ease, transform .16s ease; }
.blueprint-thumbnails button:hover { opacity: 1; transform: translateY(-1px); }
.blueprint-thumbnails button.is-active { border-color: var(--cyan-deep); opacity: 1; box-shadow: 0 0 0 1px var(--cyan); }
.blueprint-thumbnails img { display: block; width: 100%; height: 100%; object-fit: cover; }
@media (max-width: 600px) { .blueprint-thumbnails { grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 4px; padding: 7px; } }