.spx-trigger{position:relative;display:block;width:100%;padding:0;border:0;background:none;cursor:zoom-in;border-radius:.5rem;overflow:hidden}.spx-trigger img{display:block;width:100%;height:auto;margin:0!important;transition:transform .5s ease,filter .3s}.spx-trigger:hover img,.spx-trigger:focus-visible img{transform:scale(1.02);filter:brightness(1.12)}.spx-trigger:focus-visible{outline:2px solid var(--color-signal);outline-offset:3px}.spx-badge{position:absolute;left:.75rem;bottom:.75rem;display:inline-flex;align-items:center;gap:.45rem;padding:.4rem .75rem;border-radius:999px;background:#05060ac7;border:1px solid rgb(109 243 195 / .45);color:var(--color-signal);font:600 11px/1 var(--font-mono);letter-spacing:.12em;text-transform:uppercase;backdrop-filter:blur(6px)}.spx-badge:before{content:"";width:14px;height:14px;border:1.5px solid currentColor;border-radius:50%;border-left-color:transparent;animation:spx-rot 2.4s linear infinite}@keyframes spx-rot{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.spx-badge:before{animation:none}.spx-trigger img{transition:none}}.spx{position:fixed;inset:0;z-index:100;background:#05060a;color:var(--color-bone)}.spx[hidden]{display:none}.spx-stage{position:absolute;inset:0}#spx-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none;outline:none}.spx-status{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font:12px var(--font-mono);letter-spacing:.15em;text-transform:uppercase;color:var(--color-signal);pointer-events:none}.spx-top{position:absolute;top:0;left:0;right:0;display:flex;gap:.75rem;align-items:center;justify-content:space-between;padding:1rem;pointer-events:none}.spx-tabs{display:flex;gap:.4rem;overflow-x:auto;pointer-events:auto;scrollbar-width:none}.spx-tabs button,.spx-focus button,.spx-tools button,.spx-close{pointer-events:auto;white-space:nowrap;padding:.5rem .8rem;border-radius:999px;border:1px solid rgb(231 228 220 / .18);background:#0a0d18b8;color:var(--color-bone);font:500 12px/1 var(--font-mono);letter-spacing:.06em;backdrop-filter:blur(6px);cursor:pointer}.spx-tabs button[aria-selected=true],.spx-focus button[aria-pressed=true],.spx-tools button[aria-pressed=true]{border-color:var(--color-signal);color:var(--color-signal);background:#6df3c31a}.spx-tabs button:hover,.spx-focus button:hover,.spx-tools button:hover,.spx-close:hover{border-color:#6df3c399}.spx button:focus-visible{outline:2px solid var(--color-signal);outline-offset:2px}.spx-close{flex:none;width:2.5rem;height:2.5rem;padding:0;font-size:16px}.spx-card{position:absolute;left:1rem;top:4.5rem;width:min(320px,calc(100% - 2rem));padding:1rem 1.1rem;border-radius:.75rem;background:#0a0d18bd;border:1px solid rgb(231 228 220 / .12);backdrop-filter:blur(10px);pointer-events:auto}.spx-kicker{font:600 10px var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--color-amber)}.spx-name{margin:.35rem 0 .15rem;font:600 1.6rem/1.1 var(--font-display)}.spx-height{font:11px var(--font-mono);color:var(--color-dim)}.spx-traits{margin:.8rem 0 0;padding:0;list-style:none;display:grid;gap:.3rem;font-size:.85rem}.spx-traits li:before{content:"▸ ";color:var(--color-signal)}.spx-prov{margin:.8rem 0 0;font-size:.8rem;line-height:1.45;color:#e7e4dcc7}.spx-ai{margin:.8rem 0 0;padding-top:.7rem;border-top:1px solid rgb(231 228 220 / .1);font:10.5px/1.45 var(--font-mono);color:var(--color-dim)}.spx-bottom{position:absolute;left:0;right:0;bottom:0;display:flex;flex-wrap:wrap;gap:.6rem;justify-content:space-between;align-items:flex-end;padding:1rem;pointer-events:none}.spx-focus,.spx-tools{display:flex;gap:.4rem;flex-wrap:wrap}.spx-help{position:absolute;right:1rem;bottom:4.2rem;display:grid;gap:.45rem;padding:.9rem 1rem;border-radius:.75rem;background:#0a0d18e0;border:1px solid rgb(231 228 220 / .12);font:12px var(--font-mono);color:#e7e4dcd9}.spx-help[hidden]{display:none}.spx-help kbd{display:inline-block;min-width:1.5em;margin-right:.2em;padding:.1em .35em;text-align:center;border-radius:4px;border:1px solid rgb(231 228 220 / .25);background:#ffffff0d;font:inherit}.spx-help-mouse{color:var(--color-dim);max-width:34ch}@media(max-width:720px){.spx-card{top:auto;bottom:7.2rem;padding:.75rem .9rem}.spx-traits,.spx-prov{display:none}.spx-name{font-size:1.25rem}.spx-help{left:1rem;right:1rem;bottom:7.2rem}}