.gal-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.gal-chips,.gal-sorts{flex-wrap:wrap;gap:4px;display:flex}.gal-chip,.gal-sort{border-radius:var(--r-sm);height:36px;color:var(--fg-2);font:500 13px var(--f-sans);cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;padding:0 12px;transition:background-color .15s,color .15s;display:inline-flex}.gal-sort{height:32px;padding:0 10px}.gal-chip:hover,.gal-sort:hover{background:var(--cream);color:var(--brown)}.gal-chip[aria-pressed=true],.gal-sort[aria-pressed=true]{background:var(--brown);color:var(--cream)}@media (width<=700px){.gal-chips{scrollbar-width:none;flex-wrap:nowrap;width:100%;overflow-x:auto}.gal-chips::-webkit-scrollbar{display:none}.gal-chip{flex:none}}.gal-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.gal-grid.lg{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.gal-grid.c3{grid-template-columns:repeat(3,minmax(0,1fr))}.gal-grid.c4{grid-template-columns:repeat(4,minmax(0,1fr))}.gal-grid.c5{grid-template-columns:repeat(5,minmax(0,1fr))}.gal-grid.c5 .tile-name{font-size:clamp(22px,1.9vw,27px)}@media (width<=1180px){.gal-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.gal-grid.c4,.gal-grid.c5{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=860px){.gal-grid,.gal-grid.lg,.gal-grid.c3{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=520px){.gal-grid,.gal-grid.lg,.gal-grid.c4,.gal-grid.c5{grid-template-columns:1fr}}.tile{--glow:#d4621a;isolation:isolate;color:#fff;min-height:380px;transition:transform .3s var(--ease), box-shadow .3s;background:linear-gradient(#ffffff0b 1px,#0000 1px) 0 0/28px 28px,linear-gradient(90deg,#ffffff0b 1px,#0000 1px) 0 0/28px 28px,#0d0a08;border-radius:22px;grid-template-rows:auto 1fr auto auto auto;gap:10px;padding:20px;text-decoration:none;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff0f}.gal-grid.lg .tile{min-height:420px;padding:24px}.tile>:not(.tile-glow,.tile-art){z-index:1;position:relative}.tile.app{--glow:#aeac78}.tile.tool{--glow:#f4ae52}.tile[hidden]{display:none}.tile-glow{z-index:-1;aspect-ratio:1;background:radial-gradient(closest-side, var(--glow), transparent);opacity:.32;filter:blur(10px);width:90%;transition:opacity .4s, transform .6s var(--ease);border-radius:50%;position:absolute;inset:-30% -30% auto auto}.tile:after{content:"";z-index:-1;aspect-ratio:1;background:radial-gradient(closest-side, var(--c1), transparent);opacity:.16;border-radius:50%;width:80%;position:absolute;inset:auto auto -40% -30%}.tile:hover{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--glow) 55%, transparent), 0 24px 44px -24px #000000b3;transform:translateY(-4px)}.tile:hover .tile-glow{opacity:.5;transform:scale(1.12)}.tile-head{align-items:center;gap:12px;min-width:0;display:flex}.tile-ic{width:44px;height:44px;color:var(--glow);transition:transform .35s var(--ease);background:#ffffff0f;border-radius:13px;flex:none;place-items:center;display:grid;box-shadow:inset 0 0 0 1px #ffffff1a}.tile:hover .tile-ic{transform:rotate(-8deg)scale(1.06)}.tile-meta{flex-direction:column;gap:5px;min-width:0;display:flex}.tile-kind{font:600 10.5px/1 var(--f-sans);letter-spacing:.08em;text-transform:uppercase;color:#ffffff9e}.tile-st{font:600 12px/1 var(--f-sans);color:var(--amber);align-items:center;gap:6px;display:inline-flex}.tile-st:before{content:"";width:6px;height:6px;box-shadow:0 0 0 3px color-mix(in srgb, currentColor 22%, transparent);background:currentColor;border-radius:50%}.tile-st.live,.tile-st.beta{color:#86efac}.tile-art{z-index:0;fill:none;stroke:#d4621a;stroke-width:1.15px;stroke-linecap:round;stroke-linejoin:round;opacity:.5;pointer-events:none;width:min(78%,250px);height:auto;transition:opacity .4s;position:absolute;top:82px;left:50%;translate:-50%}.gal-grid.lg .tile-art{width:min(76%,280px);top:92px}.tile:hover .tile-art,.tile:focus-visible .tile-art{opacity:.95}.tile-art *{transform-box:fill-box;transform-origin:50%;animation-play-state:paused}.tile-art .flow{stroke-dasharray:3 6;animation:1.1s linear infinite paused art-flow}.tile-art .spin{animation:7s linear infinite paused art-spin}.tile-art .bob{animation:2.4s ease-in-out infinite paused art-bob}.tile-art .pulse{animation:1.8s ease-in-out infinite paused art-pulse}.tile-art .swing{transform-origin:50% 0;animation:1.4s ease-in-out infinite paused art-swing}.tile-art .slide{animation:3.2s ease-in-out infinite paused art-slide}.tile-art .grow{transform-origin:50% 100%;animation:2.2s ease-in-out infinite paused art-grow}.tile-art .draw{stroke-dasharray:1;stroke-dashoffset:0}.tile:hover .tile-art *,.tile:focus-visible .tile-art *{animation-play-state:running}.tile:hover .tile-art .draw,.tile:focus-visible .tile-art .draw{animation:art-draw 2.6s var(--ease) infinite}@keyframes art-flow{to{stroke-dashoffset:-18px}}@keyframes art-spin{to{rotate:360deg}}@keyframes art-bob{50%{translate:0 -5px}}@keyframes art-pulse{50%{opacity:.6;scale:1.12}}@keyframes art-swing{25%{rotate:9deg}75%{rotate:-9deg}}@keyframes art-slide{50%{translate:26px}}@keyframes art-grow{50%{scale:1 .78}}@keyframes art-draw{0%{stroke-dashoffset:1px}55%,to{stroke-dashoffset:0}}.tile-name{font:700 clamp(24px, 2.3vw, 30px)/1.08 var(--f-display);letter-spacing:-.03em;align-self:end}.tile-desc{color:#ffffffb8;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:3em;font-size:13.5px;line-height:1.5;display:-webkit-box;overflow:hidden}.tile-chips{opacity:0;max-height:0;transition:max-height .35s var(--ease), opacity .25s;flex-wrap:wrap;gap:5px;display:flex;overflow:hidden}.tile-chips i{font:500 11px var(--f-sans);color:#ffffffd9;background:#ffffff14;border-radius:999px;padding:4px 8px;font-style:normal}.tile:hover .tile-chips,.tile:focus-visible .tile-chips{opacity:1;max-height:60px}@media (hover:none){.tile-chips{opacity:1;max-height:60px}}.tile-foot{border-top:1px solid #ffffff1a;align-items:center;gap:12px;min-width:0;padding-top:14px;display:flex}.tile-cta{font:600 12.5px var(--f-sans);color:#fff;transition:background-color .2s, gap .2s var(--ease);background:#ffffff1a;border-radius:999px;flex:none;align-items:center;gap:6px;padding:8px 14px;display:inline-flex}.tile:hover .tile-cta{background:var(--accent);gap:9px}.tile-aud{color:#ffffff8c;white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:12px;overflow:hidden}.gal-empty{color:var(--fg-3);padding:24px 4px}.gal-search{height:48px;box-shadow:0 0 0 1px var(--line), 0 8px 24px -16px #00000040;color:var(--fg-3);background:#fff;border-radius:14px;align-items:center;gap:10px;margin-bottom:14px;padding:0 12px 0 16px;display:flex}.gal-search:focus-within{box-shadow:0 0 0 2px var(--accent-ink), 0 8px 24px -16px #00000040}.gal-search input{min-width:0;font:400 15px var(--f-sans);color:var(--fg);background:0 0;border:0;outline:0;flex:1}.gal-search kbd{font:500 11px var(--f-sans);background:var(--surface);border-radius:6px;padding:2px 7px}
