@import "../styles/84802d41e54e.css";@import "../styles/themes/spira-dark.css";*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body.gallery{font-family:var(--font-ui);background:var(--color-bg);color:var(--color-text);flex-direction:column;min-height:100dvh;display:flex;overflow-y:auto}.gallery__header{padding:var(--space-2) var(--space-3);background:linear-gradient(135deg, var(--glass-bg-start), var(--glass-bg-end));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--glass-border);z-index:10;align-items:center;gap:1rem;display:flex;position:sticky;top:0}.gallery__header h1{letter-spacing:.18em;text-transform:uppercase;flex:1;font-size:1.1rem;font-weight:300}.gallery__back{color:var(--color-muted);letter-spacing:.06em;border-radius:var(--radius-pill);border:1px solid transparent;align-items:center;gap:.35rem;padding:.35rem .6rem;font-size:.8rem;text-decoration:none;transition:color .15s,border-color .15s,background .15s;display:inline-flex}.gallery__back:hover{color:var(--color-text);border-color:var(--glass-border);background:var(--glass-bg-end)}.gallery__back svg{width:16px;height:16px}.gallery__theme-toggle{border:1px solid var(--glass-border);background:linear-gradient(135deg, var(--glass-bg-start), var(--glass-bg-end));width:36px;height:36px;color:var(--color-text);cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:50%;align-items:center;justify-items:center;transition:border-color .15s,background .15s;display:grid}.gallery__theme-toggle:hover{border-color:var(--glass-hover-border)}.gallery__theme-toggle svg{width:18px;height:18px}.gallery__filters{padding:var(--space-2) var(--space-3);flex-shrink:0;gap:.5rem;display:flex;overflow-x:auto}.filter-chip{font-family:var(--font-ui);letter-spacing:.08em;text-transform:uppercase;border:1px solid var(--glass-border);border-radius:var(--radius-pill);color:var(--color-muted);cursor:pointer;white-space:nowrap;background:0 0;padding:.4rem .8rem;font-size:.75rem;transition:background .15s,color .15s,border-color .15s}.filter-chip:hover{color:var(--color-text);border-color:var(--color-border-hover)}.filter-chip.active{background:color-mix(in srgb, var(--color-accent) 20%, transparent);border-color:var(--glass-hover-border);color:var(--color-accent)}.gallery__grid{gap:var(--space-3);padding:var(--space-2) var(--space-3) var(--space-3);flex:1;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));display:grid}.gallery-card{border:1px solid var(--glass-border);border-radius:var(--radius-md);background:linear-gradient(135deg, var(--glass-bg-start), var(--glass-bg-end));flex-direction:column;transition:border-color .2s,box-shadow .2s,transform .2s;display:flex;overflow:hidden}.gallery-card:hover{border-color:var(--glass-hover-border);box-shadow:0 8px 24px var(--glass-shadow);transform:translateY(-2px)}.gallery-card__thumb{aspect-ratio:16/9;background:var(--color-surface);position:relative;overflow:hidden}.gallery-card__thumb img{object-fit:cover;width:100%;height:100%;display:block}.gallery-card__thumb--fallback{color:var(--color-muted);justify-content:center;align-items:center;font-size:2rem;display:flex}.gallery-card__thumb--scene{background:linear-gradient(135deg,#1a2a3a,#0a1520)}.gallery-card__thumb--composition{background:linear-gradient(135deg,#2a1a3a,#150a20)}.gallery-card__thumb--primitive{background:linear-gradient(135deg,#1a3a2a,#0a2015)}.gallery-card__seed{font-family:var(--font-mono);color:rgba(255,255,255,.6);border-radius:var(--radius-sm);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:rgba(0,0,0,.5);padding:.15rem .4rem;font-size:.65rem;position:absolute;bottom:.4rem;right:.4rem}.gallery-card__body{flex-direction:column;flex:1;gap:.35rem;padding:.75rem;display:flex}.gallery-card__body h2{letter-spacing:.04em;color:var(--color-text);margin:0;font-size:.9rem;font-weight:500}.gallery-card__desc{color:var(--color-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.75rem;line-height:1.4;display:-webkit-box;overflow:hidden}.gallery-card__tags{flex-wrap:wrap;gap:.25rem;margin-top:.25rem;display:flex}.tag{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;border-radius:var(--radius-sm);background:var(--color-hover);color:var(--color-muted);padding:.15rem .4rem;font-size:.6rem}.gallery-card__footer{border-top:1px solid var(--color-border-subtle);color:var(--color-muted);justify-content:space-between;align-items:center;padding:.5rem .75rem;font-size:.7rem;display:flex}.gallery-card__stats{font-family:var(--font-mono);font-size:.65rem}.gallery-card__open{font-family:var(--font-ui);letter-spacing:.06em;color:var(--color-accent);border:1px solid color-mix(in srgb, var(--color-accent) 30%, transparent);border-radius:var(--radius-pill);padding:.3rem .6rem;font-size:.7rem;text-decoration:none;transition:background .15s,border-color .15s}.gallery-card__open:hover{background:color-mix(in srgb, var(--color-accent) 15%, transparent);border-color:var(--glass-hover-border)}.gallery__empty{text-align:center;color:var(--color-muted);grid-column:1/-1;padding:3rem 1rem;font-size:.9rem}@media (max-width:600px){.gallery__grid{grid-template-columns:1fr}.gallery__header h1{font-size:.9rem}}