@layer components{.st-art .tile{border-radius:4px;width:100%;height:100%;display:block}.st-art b{font-weight:500}.st-gens{justify-items:center;display:grid}.st-gen{z-index:var(--i);width:calc(100% - (4 - var(--i)) * 6%);max-width:calc(760px - (4 - var(--i)) * 44px);height:38px;color:var(--muted-foreground);border-bottom:0;border-radius:12px 12px 0 0;align-items:center;gap:10px;margin-bottom:-8px;padding:0 14px 8px;font-size:12px;display:flex;position:relative}.st-gen-year{font-variant-numeric:tabular-nums;margin-left:auto}.st-gen-now{z-index:5;width:100%;max-width:760px;position:relative;overflow:hidden}.st-gens{margin-top:clamp(40px,6vh,64px)}.st-gen-now .art-bar{height:38px;font-size:12px}.st-gen-now .art-bar b{color:var(--foreground);font-weight:600}.st-gen-now .st-gen-year{color:var(--brand);font-weight:600}.st-gen-body{grid-template-columns:124px 1fr;gap:16px;padding:16px;display:grid}.st-gen-side{color:var(--muted-foreground);flex-direction:column;gap:10px;padding-top:4px;font-size:11px;display:flex}.st-gen-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;display:grid}.st-gen-grid .tile{aspect-ratio:4/3;border-radius:6px;height:auto}@media (max-width:640px){.st-gen{gap:8px;height:32px;padding:0 10px 8px;font-size:11px}.st-gen-now .art-bar{height:34px}.st-gen-body{grid-template-columns:minmax(0,1fr);padding:12px}.st-gen-side{display:none}.st-gen-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.st-gen-grid .tile:nth-child(n+7){display:none}}.st-settle .art-bar b{color:var(--foreground);font-size:11.5px}.st-settle-count{margin-left:auto}.st-settle-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:16px;display:grid}.st-settle-cell .tile{aspect-ratio:4/5;height:auto;box-shadow:0 6px 14px -10px color-mix(in srgb, var(--foreground) 30%, transparent);border-radius:6px}.st-plugins{position:relative;overflow:hidden}.st-plugins .art-bar b{color:var(--foreground);font-size:11.5px}.st-plug-search{background:color-mix(in srgb, var(--foreground) 5%, transparent);border-radius:999px;align-items:center;gap:6px;margin-left:auto;padding:3px 10px;display:inline-flex}.st-plug-search>i{font-size:9px}.st-plug-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:16px;display:grid}.st-plug{border:1px solid color-mix(in srgb, var(--brand) 40%, transparent);background:color-mix(in srgb, var(--info-soft) 50%, var(--card));min-width:0;color:var(--muted-foreground);border-radius:10px;align-items:center;gap:10px;padding:12px;font-size:11px;display:flex}.st-plug:not(.is-on){border-color:var(--art-line);background:color-mix(in srgb, var(--card) 70%, transparent)}.st-plug-icon{background:color-mix(in srgb, var(--foreground) 6%, transparent);width:34px;height:34px;color:var(--foreground);border-radius:9px;flex:none;place-items:center;font-size:14px;display:grid}.st-plug.is-on .st-plug-icon{background:var(--brand);color:#fff}.st-switch{background:var(--brand);border-radius:999px;flex:none;width:28px;height:16px;margin-left:auto;position:relative}.st-switch i{background:#fff;border-radius:50%;width:12px;height:12px;position:absolute;top:2px;left:14px}.st-plug-toast{z-index:2;border-radius:999px;align-items:center;gap:8px;padding:7px 14px;font-size:12px;font-weight:500;display:inline-flex;position:absolute;bottom:34px;left:50%;transform:translate(-50%)}.st-plug-toast>i{background:var(--success-soft);width:18px;height:18px;color:var(--success-soft-foreground);border-radius:50%;place-items:center;font-size:9px;display:grid}.st-plug-cursor{top:74px;left:calc(33.3333% - 31.3333px)}@media (max-width:560px){.st-plug-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.st-plug-cursor{left:calc(50% - 35px)}}.st-rebuild{position:relative;overflow:hidden}.st-rebuild-ver{margin-left:auto;display:grid}.st-rebuild-ver>span{border-radius:999px;grid-area:1/1;justify-self:end;padding:2px 8px;font-size:10.5px;font-weight:600}.st-ver-old{background:var(--secondary);color:var(--muted-foreground);opacity:0}.st-ver-new{background:var(--success-soft);color:var(--success-soft-foreground)}.st-rebuild-body{grid-template-columns:96px 1fr;gap:14px;padding:14px;display:grid}.st-rebuild-side{color:var(--muted-foreground);flex-direction:column;gap:8px;padding-top:2px;font-size:11px;display:flex}.st-rebuild-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.st-rebuild-cell .tile{aspect-ratio:1;height:auto}.st-rebuild-scan{border-bottom:2px solid var(--brand);background:linear-gradient(to bottom, transparent 60%, color-mix(in srgb, var(--brand) 10%, transparent));opacity:0;pointer-events:none;position:absolute;inset:32px 0 0}@media (max-width:420px){.st-rebuild-body{grid-template-columns:1fr}.st-rebuild-side{display:none}}@media (prefers-reduced-motion:no-preference){.st-gen{animation:.6s cubic-bezier(.2,.7,.3,1) both st-stack;animation-delay:calc(.75s + var(--i) * .14s)}.st-gen-now{animation:.7s cubic-bezier(.2,.7,.3,1) 1.35s both st-stack}.st-gen-grid .tile{animation:.5s ease-out 1.7s both st-fade}.st-settle-cell{animation:1.4s cubic-bezier(.2,.7,.3,1) .3s both st-settle}.st-settle-cell:nth-child(2n){animation-delay:.42s}.st-settle-cell:nth-child(3n){animation-delay:.54s}.st-plug-cursor{animation:6s cubic-bezier(.45,0,.3,1) infinite st-plug-cursor}.st-switch{animation:6s ease-in-out infinite st-switch-bg}.st-switch i{animation:6s ease-in-out infinite st-switch}.st-plug.is-on{animation:6s ease-in-out infinite st-plug-on}.st-plug.is-on .st-plug-icon{animation:6s ease-in-out infinite st-plug-icon}.st-plug-toast{animation:6s cubic-bezier(.2,.7,.3,1) infinite st-toast}.st-rebuild-scan{animation:8s cubic-bezier(.45,0,.3,1) infinite st-scan}.st-rebuild-cell .tile{animation:8s linear infinite st-renew-0}.st-row-1 .tile{animation-name:st-renew-1}.st-row-2 .tile{animation-name:st-renew-2}.st-ver-old{animation:8s linear infinite st-ver-old}.st-ver-new{animation:8s linear infinite st-ver-new}}@keyframes st-stack{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@keyframes st-fade{0%{opacity:0}to{opacity:1}}@keyframes st-settle{0%{transform:translate(var(--sx), var(--sy)) rotate(var(--sr))}to{transform:none}}@keyframes st-plug-cursor{0%,8%{opacity:0;transform:translate(60px,50px)}16%{opacity:1}30%,86%{opacity:1;transform:none}94%,to{opacity:0;transform:none}}@keyframes st-switch-bg{0%,32%{background:color-mix(in srgb, var(--foreground) 18%, transparent)}38%,94%{background:var(--brand)}to{background:color-mix(in srgb, var(--foreground) 18%, transparent)}}@keyframes st-switch{0%,32%{transform:translate(-12px)}38%,94%{transform:none}to{transform:translate(-12px)}}@keyframes st-plug-on{0%,32%{border-color:var(--art-line);background:color-mix(in srgb, var(--card) 70%, transparent)}38%,94%{border-color:color-mix(in srgb, var(--brand) 40%, transparent);background:color-mix(in srgb, var(--info-soft) 50%, var(--card))}to{border-color:var(--art-line);background:color-mix(in srgb, var(--card) 70%, transparent)}}@keyframes st-plug-icon{0%,32%{background:color-mix(in srgb, var(--foreground) 6%, transparent);color:var(--foreground)}38%,94%{background:var(--brand);color:#fff}to{background:color-mix(in srgb, var(--foreground) 6%, transparent);color:var(--foreground)}}@keyframes st-toast{0%,40%{opacity:0;transform:translate(-50%,8px)}48%,90%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%)}}@keyframes st-scan{0%,10%{opacity:0;transform:translateY(-100%)}14%{opacity:1}52%{opacity:1;transform:translateY(0)}58%,to{opacity:0;transform:translateY(0)}}@keyframes st-renew-0{0%,22%{filter:var(--tile-grey)}26%,94%{filter:none}to{filter:var(--tile-grey)}}@keyframes st-renew-1{0%,34%{filter:var(--tile-grey)}38%,94%{filter:none}to{filter:var(--tile-grey)}}@keyframes st-renew-2{0%,46%{filter:var(--tile-grey)}50%,94%{filter:none}to{filter:var(--tile-grey)}}@keyframes st-ver-old{0%,54%{opacity:1}58%,96%{opacity:0}to{opacity:1}}@keyframes st-ver-new{0%,54%{opacity:0}58%,96%{opacity:1}to{opacity:0}}}