.xp-chip{border-radius:var(--r-xs);height:15px;box-shadow:inset 0 0 0 1px var(--line-2);color:var(--ink-3);font-size:var(--fs-micro,10px);letter-spacing:.01em;white-space:nowrap;flex-shrink:0;align-items:center;padding:0 5px;font-style:normal;font-weight:500;line-height:1;display:inline-flex}.gpu-side{margin:2px 0 6px;display:flex}.gpu-side .segmented button{height:28px;font-size:var(--fs-ui,12px);gap:6px}.gpu-side .segmented button:not(.on) .xp-chip{opacity:.75}.gpu-roles{flex-wrap:wrap;gap:4px;padding:2px 4px 0;display:flex}.gpu-role{border-radius:var(--r-xs);height:22px;color:var(--ink-3);font-size:var(--fs-meta,11px);white-space:nowrap;transition:background .15s var(--ease), color .15s var(--ease);padding:0 8px;font-weight:500}.gpu-role:hover{color:var(--ink);background:var(--field-bg)}.gpu-role.on{color:var(--ink);background:var(--accent-soft)}.gpu-count{color:var(--ink-4);font-variant-numeric:tabular-nums;margin-left:4px;font-weight:500}.gpu-lib-note{font-size:var(--fs-meta,11px);color:var(--ink-3);margin:4px 6px 0;line-height:1.45}.fx-groups .fx-grid.gpu-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.fx-tile.gpu-tile{min-width:0}.gpu-tile-name{white-space:normal;text-wrap:balance;overflow-wrap:anywhere;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;min-width:0;padding:0 2px;line-height:1.3;display:-webkit-box;overflow:hidden}.fx-tile.gpu-tile.is-off{opacity:.35;cursor:not-allowed}.fx-tile.gpu-tile.is-off:hover{color:var(--ink-2);background:0 0}.fx-tile.gpu-tile.is-off:hover .fx-thumb{transform:none}.gpu-thumb>.gpu-tag{border-radius:var(--r-xs);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#ffffffdb;color:lab(100% 0 0/.86);font-size:var(--fs-micro,10px);background:#00000073;background:lab(0% 0 0/.45);padding:1px 4px;font-style:normal;font-weight:500;line-height:13px;position:absolute;bottom:4px;left:4px}.gpu-tag{color:var(--ink-4);font-size:var(--fs-micro,10px);flex-shrink:0;font-style:normal;font-weight:500}:root .menu-item>.gpu-tag{margin-left:auto}.gpu-thumb:not(.ready) canvas{opacity:0}.gpu-thumb.ready canvas{opacity:1;transition:opacity .24s var(--ease)}.gpu-thumb:not(.ready):before{content:"";background:linear-gradient(110deg, transparent 30%, color-mix(in oklch, var(--ink) 5%, transparent) 50%, transparent 70%);animation:gpu-wait 1.6s var(--ease) infinite;background-size:220% 100%;position:absolute;inset:0}.gpu-thumb:has(.gpu-thumb-off):before{display:none}@keyframes gpu-wait{0%{background-position:120% 0}to{background-position:-100% 0}}@media (prefers-reduced-motion:reduce){.gpu-thumb:not(.ready):before{animation:none}}.gpu-thumb-off{background:repeating-linear-gradient(135deg, var(--line) 0 1px, transparent 1px 7px), var(--surface);color:var(--ink-4);font-size:var(--fs-micro,10px);place-items:center;font-weight:500;display:grid;position:absolute;inset:0}.gpu-tile.is-off .gpu-thumb-off{color:var(--ink-2)}:root :is(.menu,.context-menu,.ez-menu) .gpu-menu-label{align-items:center;gap:6px;display:flex}.add-pal-head>.xp-chip{vertical-align:-3px;margin-left:6px}.menu.fx-menu:has(.gpu-side){height:min(520px,70vh)}
