.wk-items-variants>summary{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-elevated);min-height:22px;color:var(--muted);font-variant-numeric:tabular-nums;cursor:pointer;justify-content:center;align-items:center;padding:2px 8px;font-size:11px;transition:border-color .14s,color .14s;display:flex}.wk-items-variants>summary:hover{border-color:var(--accent-border);color:var(--text)}.wk-items-variant-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;margin-top:4px;display:grid}.wk-items-variant{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);min-width:0;min-height:44px;color:var(--text);text-align:left;align-items:center;gap:6px;padding:4px 6px;font-size:11px;line-height:1.3;display:flex}.wk-items-variant:hover{border-color:var(--accent-border);background:var(--surface-2)}.wk-items-variant .wk-icon{object-fit:contain;width:40px;height:40px}.wk-items-variant-name{overflow-wrap:anywhere;min-width:0}.wk-items-variant-tag{color:var(--muted);white-space:nowrap;flex:none;margin-left:auto;font-size:10px}@media (max-width:720px){.wk-items-variant-grid{grid-template-columns:minmax(0,1fr)}}@media (max-width:420px){.wk-items-variant{grid-template-columns:32px minmax(0,1fr);gap:4px 6px;display:grid}.wk-items-variant .wk-icon{width:32px;height:32px}.wk-items-variant-tag{grid-column:2;margin-left:0}}@media (prefers-reduced-motion:reduce){.wk-items-variants>summary,.wk-items-variant{transition:none}}.wk-items-variants>summary:focus-visible,.wk-items-variant:focus-visible{outline:2px solid var(--accent-hot);outline-offset:3px}.wk-items-variant{cursor:pointer}.wk-items-variants>summary:active,.wk-items-variant:active{background:var(--surface-2)}