.chroma-grid{--chroma-x:-9999px;--chroma-y:-9999px;--chroma-power:0;gap:var(--chroma-gap);grid-template-columns:repeat(auto-fill, minmax(min(100%, max(var(--chroma-min), calc((100% - (var(--chroma-cols) - 1) * var(--chroma-gap)) / var(--chroma-cols)))), 1fr));-webkit-tap-highlight-color:transparent;display:grid;position:relative}.chroma-card{min-width:0;box-shadow:inset 0 0 0 1px var(--line-strong), inset 0 1px 0 #fff, 0 22px 50px -38px #12121259;color:var(--ink);isolation:isolate;background:linear-gradient(165deg,#ffffffeb,#ffffffa3);flex-direction:column;gap:12px;padding:10px;display:flex;position:relative;overflow:hidden}.chroma-lead+.chroma-card{grid-column-start:1}.chroma-wash,.chroma-color,.chroma-card-glow{-webkit-mask-image:radial-gradient(circle var(--chroma-r) at calc(var(--chroma-x) - var(--chroma-ox,0px)) calc(var(--chroma-y) - var(--chroma-oy,0px)), var(--chroma-stops));-webkit-mask-image:radial-gradient(circle var(--chroma-r) at calc(var(--chroma-x) - var(--chroma-ox,0px)) calc(var(--chroma-y) - var(--chroma-oy,0px)), var(--chroma-stops));mask-image:radial-gradient(circle var(--chroma-r) at calc(var(--chroma-x) - var(--chroma-ox,0px)) calc(var(--chroma-y) - var(--chroma-oy,0px)), var(--chroma-stops))}.chroma-wash{z-index:0;pointer-events:none;background:radial-gradient(90% 60% at 50% 45%, var(--chroma-accent), transparent 72%);opacity:calc(var(--chroma-glow) * var(--chroma-power) * .4);position:absolute;inset:0}.chroma-media{z-index:1;aspect-ratio:var(--chroma-ratio);box-shadow:inset 0 0 0 1px var(--line);background:#ffffff80;position:relative;overflow:hidden}.chroma-media img{object-fit:contain;object-position:top;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.chroma-mono{filter:grayscale(var(--chroma-gray)) brightness(calc(1 - var(--chroma-dim)))}.chroma-color{opacity:var(--chroma-power)}.chroma-info{z-index:1;text-align:center;flex-direction:column;gap:6px;min-width:0;padding:4px 6px 8px;display:flex;position:relative}.chroma-title{font-size:clamp(1rem,1.5vw,1.25rem);line-height:1.1}.chroma-subtitle{color:var(--ink-muted);font-size:13px;line-height:1.35}.chroma-card-glow{z-index:2;pointer-events:none;box-shadow:inset 0 0 0 1px var(--chroma-accent), inset 0 0 22px -10px var(--chroma-accent);opacity:calc(var(--chroma-border) * var(--chroma-power));position:absolute;inset:0}@media (hover:none),(max-width:767px){.chroma-color{opacity:1;-webkit-mask-image:none;mask-image:none}}