.vx{background:var(--color-surface-2);border:1px solid var(--color-line);border-radius:var(--radius-md);padding:clamp(1.1rem,.8rem + 1.5vw,2rem);color:var(--color-ink)}.vx-muted{color:var(--color-ink-muted)}.vx-good{color:var(--color-good)}.vx-bad{color:var(--color-bad)}.vx-head{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem}.vx-head__icon{flex:none;display:grid;place-items:center;width:2.5rem;height:2.5rem;border-radius:var(--radius-sm);background:var(--color-accent);color:var(--color-on-accent)}.vx-label{display:block;margin-bottom:.4rem;font-size:var(--text-micro);font-weight:600;color:var(--color-ink-muted)}.vx-input{width:100%;padding:.6rem .8rem;border:1px solid var(--color-line);border-radius:var(--radius-sm);background:var(--color-surface-2);color:var(--color-ink);font-size:var(--text-small)}.vx-input:focus-visible{outline:2px solid var(--color-accent);outline-offset:1px}.vx-chips{display:flex;flex-wrap:wrap;gap:.4rem}.vx-chips--fill>*{flex:1 1 0}.vx-chip{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;min-height:2.25rem;padding:.35rem .75rem;border:1px solid var(--color-line);border-radius:var(--radius-sm);background:var(--color-surface-2);color:var(--color-ink-muted);font-size:var(--text-micro);font-weight:600;line-height:var(--lh-snug);cursor:pointer;transition:border-color .15s ease,background-color .15s ease,color .15s ease}.vx-chip:hover{border-color:var(--color-accent);color:var(--color-ink)}.vx-chip:focus-visible{outline:2px solid var(--color-ink);outline-offset:2px}.vx-chip[aria-pressed=true],.vx-chip[aria-checked=true]{border-color:var(--color-accent);background:color-mix(in oklch,var(--color-amber) 14%,var(--color-surface-2));color:var(--color-ink)}.vx-rec{font-size:.65rem;font-weight:500;color:var(--color-ink-muted)}.vram-ctx{display:flex;flex-wrap:wrap;gap:.375rem}.vram-ctx-btn{min-width:3.5rem;padding:.45rem .8rem;border-radius:var(--radius-sm);font-size:var(--text-micro);font-weight:600;border:1px solid var(--color-line);background:var(--color-surface-2);color:var(--color-ink-muted);transition:border-color .15s,background-color .15s}.vram-ctx-btn:hover{border-color:var(--color-amber)}.vram-ctx-btn[aria-checked=true]{background:var(--color-amber);border-color:var(--color-amber);color:var(--color-ink)}.vram-ctx-btn:focus-visible{outline:2px solid var(--color-ink);outline-offset:2px}.vram-ctx--off .vram-ctx-btn{opacity:.45}.vx-verdict{padding:.9rem 1rem;border:1px solid var(--color-line);border-left:4px solid var(--color-good);border-radius:var(--radius-sm);background:var(--color-navy-tint-4)}.vx-verdict[data-state=no]{border-left-color:var(--color-bad)}.vx-verdict__title{font-family:var(--font-display);font-weight:700;font-size:var(--text-body);margin-bottom:.2rem}.vx-verdict__text{font-size:var(--text-small);color:var(--color-ink-muted);line-height:var(--lh-normal)}.vx-info{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}@media(min-width:640px){.vx-info{grid-template-columns:repeat(4,minmax(0,1fr))}}.vx-info__item{display:grid;gap:.15rem;min-width:0;padding:.6rem .75rem;border:1px solid var(--color-line);border-radius:var(--radius-sm);background:var(--color-surface-2)}.vx-info__item span{font-size:.7rem;color:var(--color-ink-muted)}.vx-info__item b{font-family:var(--font-display);font-size:var(--text-small);overflow-wrap:anywhere}.vx-info__item--main{border-color:color-mix(in oklch,var(--color-amber) 55%,transparent)}.vx-info__item--wide{grid-column:1 / -1}.vx-info__item--wide b{font-family:var(--font-body);font-weight:600}.vram-estimate{border:1px solid color-mix(in oklch,var(--color-amber) 45%,transparent);background:color-mix(in oklch,var(--color-amber) 7%,transparent);border-radius:var(--radius-md);padding:.9rem 1rem}.vram-estimate__title{font-size:var(--text-micro);font-weight:700;color:var(--color-ink);margin-bottom:.5rem}.vram-estimate__sum{display:flex;flex-wrap:wrap;align-items:flex-end;gap:.35rem .6rem}.vram-estimate__sum>span:not(.vram-estimate__op){display:grid}.vram-estimate__sum b{font-family:var(--font-display);font-size:1rem;color:var(--color-ink);font-variant-numeric:tabular-nums}.vram-estimate__sum small{font-size:.65rem;color:var(--color-ink-muted)}.vram-estimate__op{color:var(--color-ink-muted);font-weight:700;padding-bottom:.9rem}.vram-estimate__total b{font-size:1.25rem}.vram-estimate__formula,.vram-estimate__note{font-size:.7rem;line-height:1.45;color:var(--color-ink-muted);margin-top:.45rem}.vram-estimate__formula{color:var(--color-ink)}.vx-panel{padding:.85rem 1rem;border:1px solid var(--color-line);border-radius:var(--radius-sm);background:var(--color-navy-tint-4)}.vx-panel--tip{border-left:3px solid var(--color-accent)}.vx-install{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.6rem .75rem;border-radius:var(--radius-sm);background:var(--color-navy-deep)}.vx-install[hidden]{display:none}.vx-install code{color:var(--color-on-ink);font-size:var(--text-micro);overflow-wrap:anywhere}.vx-install__copy{flex:none;padding:.3rem .7rem;border:1px solid color-mix(in oklch,var(--color-white) 30%,transparent);border-radius:var(--radius-sm);color:var(--color-on-ink);font-size:.7rem;font-weight:600;background:transparent}.vx-install__copy:hover{border-color:var(--color-accent)}.vx-bars{list-style:none;margin:0;padding:0;display:grid;gap:.75rem}.vx-row{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"name status" "meta meta" "track track" "label label";column-gap:.75rem;row-gap:.15rem}@media(min-width:640px){.vx-row{grid-template-columns:minmax(0,13rem) minmax(0,1fr) 4.5rem;grid-template-areas:"name track status" "meta label status";align-items:center}}.vx-row__name{grid-area:name;font-size:var(--text-micro);font-weight:600;color:var(--color-ink);overflow-wrap:anywhere}.vx-row__meta{grid-area:meta;font-size:.7rem;color:var(--color-ink-muted)}.vx-row__track{grid-area:track;position:relative;display:block;height:.75rem;border-radius:var(--radius-pill);background:var(--color-navy-tint-8);overflow:hidden}.vx-row__bar{position:absolute;inset:0 auto 0 0;border-radius:var(--radius-pill);background:var(--color-ink-muted);transition:width .4s ease}.vx-row__label{grid-area:label;font-size:.7rem;color:var(--color-ink-muted);font-variant-numeric:tabular-nums}.vx-row__status{grid-area:status;justify-self:end;font-size:var(--text-micro);font-weight:700}.vx-row[data-status=fits] .vx-row__bar{background:var(--color-good)}.vx-row[data-status=tight] .vx-row__bar{background:var(--color-amber)}.vx-row[data-status=no] .vx-row__bar{background:color-mix(in oklch,var(--color-bad) 70%,var(--color-white))}.vx-row[data-status=fits] .vx-row__status{color:var(--color-good)}.vx-row[data-status=tight] .vx-row__status{color:var(--color-ink)}.vx-row[data-status=no] .vx-row__status{color:var(--color-bad)}@media(prefers-reduced-motion:reduce){.vx-row__bar{transition:none}}.vx-legend{display:flex;flex-wrap:wrap;gap:.35rem 1rem;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--color-line);font-size:var(--text-micro);color:var(--color-ink-muted)}.vx-dot{display:inline-block;width:.65rem;height:.65rem;margin-right:.35rem;border-radius:50%;vertical-align:-.05em}.vx-dot[data-s=fits]{background:var(--color-good)}.vx-dot[data-s=tight]{background:var(--color-amber)}.vx-dot[data-s=no]{background:var(--color-bad)}.vx-scale{display:flex;align-items:center;gap:.5rem;font-size:.7rem;font-weight:700}.vx-scale i{flex:1;height:2px;background:linear-gradient(90deg,var(--color-ink),var(--color-amber))}.vx-scale__ends{display:flex;justify-content:space-between;gap:1rem;margin-top:.2rem;font-size:.68rem;color:var(--color-ink-muted)}.vx-fitcard{display:grid;gap:.2rem;width:100%;padding:.4rem .6rem;text-align:left;border:1px solid var(--color-line);border-radius:var(--radius-sm);background:var(--color-surface-2);cursor:pointer}.vx-fitcard:hover{border-color:var(--color-accent)}.vx-fitcard__top{display:flex;justify-content:space-between;gap:.4rem;font-size:.7rem}.vx-fitcard__name{font-weight:600;min-width:0;overflow-wrap:anywhere}.vx-fitcard__size{flex:none;color:var(--color-ink-muted)}.vx-fitcard__track{display:block;height:.35rem;border-radius:var(--radius-pill);background:var(--color-navy-tint-8);overflow:hidden}.vx-fitcard__fill{display:block;height:100%;background:var(--color-good)}.vx-fitcard[data-s=tight] .vx-fitcard__fill{background:var(--color-amber)}.vx-fitcard__note{font-size:.65rem;color:var(--color-ink-muted)}.vx-deploy{padding:1.1rem 1.25rem;border:1px solid color-mix(in oklch,var(--color-amber) 45%,transparent);border-radius:var(--radius-md);background:color-mix(in oklch,var(--color-amber) 8%,var(--color-surface-2))}.vx-deploy__actions{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem 1.25rem}.vx-deploy__actions .btn-primary{min-height:48px}.vx-form{display:flex;flex-wrap:wrap;gap:.5rem}.vx-form .vx-input{flex:1 1 12rem}.vx-compare{display:grid;gap:.15rem;padding:.7rem;border:1px solid var(--color-line);border-radius:var(--radius-sm);background:var(--color-surface-2);font-size:var(--text-micro);color:var(--color-ink-muted)}.vx-compare__tag{font-weight:700;color:var(--color-ink)}.vx-compare__name{font-weight:700;font-size:var(--text-small);color:var(--color-ink)}.vx-explore{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem 1.25rem;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--color-line);font-size:var(--text-small);color:var(--color-ink-muted)}