@layer controls{.picker-item{align-items:center;gap:var(--space-4);background:var(--color-surface-raised);border:var(--border-width) solid transparent;border-radius:var(--radius-sm);padding:var(--space-3) var(--space-5);color:var(--color-text);font-size:var(--font-size-md);font-weight:var(--font-weight-medium);cursor:pointer;transition:background-color var(--duration) var(--ease-standard), border-color var(--duration) var(--ease-standard), box-shadow var(--duration) var(--ease-standard);display:flex}.picker-item img,.picker-item-thumb{object-fit:contain;width:40px;height:40px}.picker-item-thumb{background:var(--color-sunken);border-radius:var(--radius-sm);flex-shrink:0}.picker-item:hover{background:var(--color-border)}.picker-item.active{background:var(--color-accent-wash);color:var(--color-accent)}.picker-item.active:hover{background:var(--color-accent-wash);color:var(--color-accent-strong)}.picker-group-title{font-size:var(--font-size-md);font-weight:var(--font-weight-medium);color:var(--color-text-muted)}.picker-grid{gap:var(--space-3);grid-template-columns:repeat(auto-fill, var(--picker-tile-size));display:grid}.picker-tile{width:var(--picker-tile-size);height:var(--picker-tile-size);padding:var(--space-2);box-sizing:border-box;background:var(--color-surface-raised);color:var(--color-text-dim);border:var(--border-width) solid transparent;border-radius:var(--radius-sm);cursor:pointer;transition:background-color var(--duration) var(--ease-standard), border-color var(--duration) var(--ease-standard), box-shadow var(--duration) var(--ease-standard);justify-content:center;align-items:center;display:flex}.picker-tile img{object-fit:contain;width:100%;height:100%}.picker-tile img.picker-cell{object-view-box:inset(0 var(--picker-cell-right) var(--picker-cell-bottom) 0)}.picker-tile:hover{background:var(--color-border);color:var(--color-text)}.picker-tile.active{background:var(--color-accent-wash);border-color:var(--color-accent);color:var(--color-accent)}.picker-tile.active:hover{background:var(--color-accent-wash);color:var(--color-accent-strong)}.picker-tile:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}.picker-forms{align-items:flex-start;gap:var(--space-3);padding:0 var(--space-3);flex-wrap:wrap;display:flex}.picker-form{box-sizing:border-box;object-fit:contain;cursor:pointer;border:var(--border-width) solid transparent;border-radius:var(--radius-sm);width:40px;height:40px;transition:border-color var(--duration) var(--ease-standard), box-shadow var(--duration) var(--ease-standard);flex:none}.picker-form:hover{border-color:var(--color-text-muted)}.picker-form.active{background:var(--color-accent-wash);border-color:var(--color-accent)}.picker-form-random{font:inherit;background:var(--color-surface);color:var(--color-text-muted);justify-content:center;align-items:center;padding:0;display:flex}.picker-form-random.active{color:var(--color-accent)}.picker-form-mirrored{transform:scaleX(-1)}.picker-form-flipped{transform:scaleY(-1)}.picker-form-mirrored.picker-form-flipped{transform:scale(-1)}.picker-form-random:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}}