.slots-container{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}.move-slot{position:relative;height:48px}.slot-field{position:absolute;top:0;left:0;right:0;height:48px}.slot-input{display:block;width:100%;height:48px;padding:0 var(--space-4);background:var(--panel);border:var(--border) solid var(--line);border-radius:var(--radius);color:var(--ink);font-family:var(--font-body);font-size:var(--text-base);outline:none;transition:border-color var(--t-fast);appearance:none}.slot-input::placeholder{color:var(--ink-dim)}.slot-input:focus{border-color:var(--ink-dim)}.slot-input--selected{border-color:var(--ink-dim);color:var(--ink)}.slot-dropdown{position:absolute;top:calc(100% + var(--space-1));left:0;right:0;z-index:100;background:var(--panel);border:var(--border) solid var(--line);border-radius:var(--radius);list-style:none;margin:0;padding:var(--space-1) 0;overflow-y:auto;max-height:260px}.slot-dropdown__item{padding:var(--space-2) var(--space-4);font-family:var(--font-body);font-size:var(--text-sm);color:var(--ink-dim);cursor:pointer;transition:color var(--t-fast),background-color var(--t-fast)}.slot-dropdown__item:hover,.slot-dropdown__item--active{background-color:var(--panel);color:var(--ink)}.slot-remove{position:absolute;right:var(--space-3);top:50%;transform:translateY(-50%);color:var(--ink-dim);font-size:var(--text-base);line-height:1;padding:var(--space-1);border-radius:var(--radius);opacity:0;pointer-events:none;transition:color var(--t-fast),opacity var(--t-fast)}.move-slot:hover .slot-remove{opacity:1;pointer-events:auto}.slot-remove:hover{color:var(--ink)}.search-controls{margin-top:var(--space-1);display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.version-filter{display:flex;gap:var(--space-1);margin-left:auto}.version-filter-btn{display:inline-flex;align-items:center;gap:var(--space-0);color:var(--ink-dim);font-size:var(--text-sm);letter-spacing:.04em;padding:var(--space-1) var(--space-2);border:var(--border) solid var(--line);border-radius:var(--radius);transition:color var(--t-fast),border-color var(--t-fast),background-color var(--t-fast);opacity:.45}.version-filter-icon{display:block;width:16px;height:16px;object-fit:contain;image-rendering:pixelated}.version-filter-btn:hover{opacity:.7;border-color:var(--line)}.version-filter-btn--active{opacity:1;border-color:var(--ink-dim);background:color-mix(in srgb,var(--ink-dim) 8%,transparent)}.add-group-btn{color:var(--ink-dim);font-size:var(--text-sm);letter-spacing:.04em;padding:var(--space-2) var(--space-3);border:var(--border) solid var(--line);border-radius:var(--radius);transition:color var(--t-fast),border-color var(--t-fast)}.add-group-btn:hover{color:var(--ink-dim);border-color:var(--line)}.add-group-btn--active{color:var(--ink);border-color:var(--ink-dim);background:color-mix(in srgb,var(--ink-dim) 8%,transparent)}.add-group-btn:disabled{opacity:.3;cursor:default;pointer-events:none}.slot-group-chip{position:absolute;top:0;left:0;right:0;height:48px;display:flex;align-items:center;padding:0 var(--space-4);overflow:hidden;background:var(--panel);border:var(--border) solid var(--line);border-radius:var(--radius);color:var(--ink);font-family:var(--font-body);font-size:var(--text-base);letter-spacing:.02em}